PostgreSQL 中的自连接是一种连接方式，可以让您将表连接到自身

Postgresql - SELF JOIN


枚举是一种定义通用类型的方式，它定义了一组相关值的列表。每个枚举成员都代表了一个具体的值，并且可以附加额外的信息，例如关联值或原始值。

以下是一个简单的示例，用于定义枚举类型 CompassPoint，该类型表示了四个基本的方向：

```swift
enum CompassPoint {
  case north
  case south
  case east
  case west
}

var direction = CompassPoint.north
```

在上面的示例中，CompassPoint 是一个枚举类型，它包含了四个成员，每个成员代表一个基本的方向。direction 是一个变量，它的类型是 CompassPoint，它被初始化为 CompassPoint.north。

枚举成员可以包含关联值，这些关联值可以是任何类型。例如，以下是一个枚举类型 Barcode，它可以表示一个标准的商品条形码或一个自定义的二维码：

```swift
  case upc(Int, Int, Int, Int)
  case qrCode(String)
}

var productBarcode = Barcode.upc(8, 85909, 51226, 3)
```

在上面的示例中，Barcode 是一个枚举类型，它包含了两个成员，一个是 upc，它使用四个 Int 类型的关联值表示商品的标准条形码；另一个是 qrCode，它使用一个 String 类型的关联值表示自定义的二维码。productBarcode 是一个变量，它的类型是 Barcode，它被初始化为 Barcode.upc。

枚举成员还可以包含原始值，这些原始值可以是任何类型，但必须是相同的类型。原始值可以是字符串、字符、整数或浮点数。例如，以下是一个枚举类型 Planet，它使用浮点数原始值表示每个行星的相对质量：

```swift
enum Planet: Double {
  case mercury = 0.055
  case venus = 0.815
  case earth = 1.0
  case mars = 0.107
  case jupiter = 318.0
  case saturn = 95.0
  case uranus = 14.0
  case neptune = 17.0
}

let earthWeight = 70.0
let planet = Planet.jupiter
let relativeWeight = planet.rawValue * earthWeight
```

在上面的示例中，Planet 是一个枚举类型，它使用浮点数原始值表示每个行星的相对质量。earthWeight 是一个 Double 类型的常量，表示一个人在地球上的体重。planet 是一个变量，它的类型是 Planet，它被初始化为 Planet.jupiter。relativeWeight 是一个常量，它的值是 Jupiter 相对于地球的质量与 earthWeight 的乘积。



枚举是一种定义通用类型的方式，它定义了一组相关值的列表。每个枚举成员都代表了一个具体的值，并且可以附加额外的信息，例如关联值或原始值。

Swift - 枚举


V8 是由 Chromium 项目为 Google Chrome 网页浏览器开发的开源 JavaScript 引擎。它是用 C++语言编写的，并且是一个轻量级的引擎，可以在很小的内存中运行。现在，它用于很多项目，比如 Couchbase、MongoDB、Node.js，等等。

## Node.js - V8

Node.js V8 模块表示 V8 引擎的实例，可以通过 V8.createContext()方法创建一个上下文，然后通过 V8.runInContext()方法来执行 JavaScript 代码。

它提供`v8.getHeapStatistics`和`v8.getHeapSpaceStatistics`方法来获取堆空间的统计信息。

```js
const v8 = require('v8')
```

## getHeapStatistics

该方法返回关于堆的统计数据，比如堆的大小，堆的使用情况等。

```js
const v8 = require('v8')
console.log(v8.getHeapStatistics())
// {
//   total_heap_size: 8589934592,
//   total_heap_size_executable: 0,
//   total_physical_size: 8589934592,
//   total_available_size: 8589934592,
//   used_heap_size: 8589934592,
//   heap_size_limit: 8589934592,
//   malloced_memory: 0,
//   peak_malloced_memory: 0,
//   does_zap_garbage: 0
// }
```

## getHeapSpaceStatistics

该方法返回关于堆空间的统计信息，比如堆空间的大小，堆空间的使用情况等。

```js
const v8 = require('v8')
console.log(v8.getHeapSpaceStatistics())
// [
//   {
//     space_name: 'new_space',
//     space_size: 8589934592,
//     space_used_size: 0,
//     space_available_size: 8589934592,
//     physical_space_size: 8589934592
//   },
//   {
//     space_name: 'old_space',
//     space_size: 8589934592,
//     space_used_size: 0,
//     space_available_size: 8589934592,
//     physical_space_size: 8589934592
//   },
//   {
//     space_name: 'code_space',
//     space_size: 8589934592,
//     space_used_size: 0,
//     space_available_size: 8589934592,
//     physical_space_size: 8589934592
//   },
//   {
//     space_name: 'map_space',
//     space_size: 8589934592,
//     space_used_size: 0,
//     space_available_size: 8589934592,
//     physical_space_size: 8589934592
//   },
//   {
//     space_name: 'large_object_space',
//     space_size: 8589934592,
//     space_used_size: 0,
//     space_available_size: 8589934592,
//     physical_space_size: 8589934592
//   },
//   ]
```

## V8 内存管理

目前，默认情况下，v8 在 32 位系统上的内存限制为 2GB，在 64 位系统上的内存限制为 4GB。


V8是由Chromium项目为Google Chrome网页浏览器开发的开源JavaScript引擎

Node.js - V8


## 通过 nvm 安装 nodejs

## 安装 nvm

```bash
curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash
```

或者

```bash
wget -qO- https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash
```

然后：

```bash
source ~/.bashrc
```

## 安装 nodejs

```bash
nvm install stable
```


安装nvm和nodejs


react 使用`.map`遍历并显示列表组件。

```jsx
function SoccerPlayers() {
  const players = ['Messi', 'Ronaldo', 'Laspada']

  return (
    <div>
      {players.map((playerName) => (
        <SoccerPlayer key={playerName} name={playerName} />
      ))}
    </div>
  )
}
```

遍历输出的组件中`key`是必需的，因为它是用来唯一标识组件的。


React是一个JavaScript库，致力于使UI开发变得简单

React Lists


## 什么是 BFC

Block Formatting Context（块级格式化上下文）

> Web 页面的可视 CSS 渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域

## 布局规则

- 内部的 Box 会在垂直方向一个接一个地放置
- Box 垂直方向的距离由 margin 决定。属于同一个 BFC 的两个相邻 Box 的 margin 会发生重叠
- 每个盒子（块盒与行盒）的 margin box 的左边，与包含块 border box 的左边相接触，即使存在浮动也是如此
- BFC 的区域不会与 float box 重叠
- BFC 就是页面上的一个隔离的独立容器，容器里面的子元素不会影响外面的元素。反之也是如此
- 计算 BFC 的高度时，浮动元素也参与计算

## 如何创建 BFC

- 根元素或其他包含他的元素
- 浮动元素（元素的 float 不是 none）
- 绝对定位元素（元素具有 position 为 absolute 或 fixed）
- 内联块（元素具有 display: inline-block）
- 表格单元格（元素具有 display: table-cell ，HTML 表格单元格默认属性）
- 表格标题（元素具有 display: table-caption，HTML 表格标题默认属性）
- 具有 overflow 且值不是 visible 的块元素
- 弹性盒子（flex 或 inline-flex）
- ` css display: flow-root`
- `css column-span: all`

## BFC 作用

- 利用 BFC 避免 margin 重叠
- 自适应两栏布局
- 清除浮动


css-BFC


小部件（Widgets）是Flutter应用程序的基本构建块。它们描述了界面在任何给定时刻的外观。换句话说，您在屏幕上看到的每个元素（以及一些看不见的元素）都是一个小部件。这包括按钮、文本、滑块、图像，甚至应用程序本身。

在本单元中，我们将深入探讨Flutter小部件的世界。我们将首先了解无状态（stateless）小部件和有状态（stateful）小部件之间的区别，然后指导您创建自己的自定义小部件的过程。

## 理解无状态和有状态小部件

在Flutter中，小部件可以是无状态的或有状态的。

无状态小部件是不可变的，这意味着它们的配置在创建时设置，并且无法更改。它们描述的是用户界面的一部分，可以依赖构造函数中的配置信息，并且仅在该信息发生变化时才会改变。例如，Text小部件是无状态的，因为在创建时我们给它一个文本字符串，除非销毁并重新创建带有新文本的小部件，否则文本不会更改。

另一方面，有状态小部件可以随时间变化。它们可以在小部件本身或外部保存可变状态，并且可以通过调用setState在屏幕上重新绘制。例如，复选框是一个有状态小部件，因为它可以随时间被选中或取消选中。

## 构建自定义小部件

在Flutter中构建自定义小部件是每个Flutter开发者都应该具备的基本技能。它涉及将较小的小部件组合成更大、更复杂的小部件。

要创建一个自定义小部件，您需要创建一个新的类，该类扩展自StatelessWidget或StatefulWidget，然后覆盖build方法。build方法描述了小部件在任何给定时刻的外观。它返回一个新的小部件树，其中可以包括您创建的自定义小部件和标准Flutter小部件。

以下是一个自定义无状态小部件的示例：

```dart
class CustomButton extends StatelessWidget {
  final String label;

  CustomButton({this.label});

  @override
  Widget build(BuildContext context) {
    return RaisedButton(
      child: Text(label),
      onPressed: () {
        print('Button pressed');
      },
    );
  }
}
```

在这个例子中，CustomButton是一个无状态小部件，它接受一个标签作为参数，并创建一个带有该标签的RaisedButton。当按钮被按下时，它会在控制台打印一条消息。

通过本单元的学习，您应该对Flutter中的小部件如何工作有了扎实的理解，并且能够创建自己的自定义小部件。随着我们继续前进并开始构建更复杂的Flutter应用程序，这将是一项关键的技能。
