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

React Children Props


## 语法

```sql
table_name AS alias_name
```

## 作用

假如在查询中，你想要查询一个表的所有数据，但是又不想要表的名字，可以使用别名。

```sql
a_very_long_table_name.column_name

a_very_long_table_name AS alias_name

alias.column_name
```

在`JOIN`语句中使用别名，可以避免重复的表名。

```sql
SELECT
	c.customer_id,
	first_name,
	amount,
	payment_date
FROM
	customer c
INNER JOIN payment p
    ON p.customer_id = c.customer_id
ORDER BY
   payment_date DESC;
```

在`self-join`中使用别名，可以避免重复的表名。

```sql
SELECT
    e.first_name employee,
    m .first_name manager
FROM
    employee e
INNER JOIN employee m
    ON m.employee_id = e.manager_id
ORDER BY manager;
```


Postgresql alias是一种把表名作为别名的方法，它可以让你更好的理解表的含义。

Postgresql - TABLE ALIAS


## 状态管理概述

状态管理是任何应用程序开发的关键方面，Flutter也不例外。它指的是跟踪和修改应用程序的状态。在本文中，我们将深入探讨Flutter中的状态管理概念，并探索可用于管理状态的不同技术。

## 状态管理的概述

在Flutter中，一切都是小部件，每个小部件都可以有自己的状态。状态是在构建小部件时可以同步读取的信息，并且可能在小部件的生命周期内发生变化。例如，如果我们有一个复选框小部件，它是否被选中就是它的状态。

管理应用程序的状态可能是一项复杂的任务，特别是当应用程序规模扩大时。选择适合您的应用程序需求并能够随着应用程序的增长而扩展的状态管理技术非常重要。

## 选择合适的状态管理技术

Flutter提供了几种状态管理技术。让我们来探索其中一些：

1. Provider：Provider是一个使用小部件构建的依赖注入系统。它结合了控制反转（IoC）和上下文（context），因此您可以在小部件树的任何位置获取一个类的实例。
2. Riverpod：Riverpod是一种更高级的状态管理解决方案，旨在克服Provider的限制。它允许您从任何地方访问提供程序，而无需使用上下文，并且它也具备类型安全性。
3. Bloc：Bloc代表业务逻辑组件（Business Logic Component）。它是一个使用流（streams）处理应用程序状态的状态管理系统。它将表示层与业务逻辑层分离，从而使测试变得更容易。
4. Redux：Redux是一个可预测的状态容器，可帮助您编写行为一致的应用程序。它非常适用于需要跟踪大量状态的大型应用程序。

每种技术都有其优缺点，选择合适的技术取决于您的应用程序的具体需求。对于小型应用程序，使用Provider或Riverpod可能已经足够了。然而，对于具有复杂状态管理需求的大型应用程序，Bloc或Redux可能更合适。

总之，状态管理是Flutter开发的重要组成部分。了解不同的技术并选择适合您的应用程序的技术可以极大地提高代码质量和应用程序的性能。


State Management in Flutter


## First Program

创建`hellowrold.js`，打开控制台执行`node helloworld.js`

```js
console.log('hello world')

// hello world
```

## 基于`http`创建一个简单 server

一个简单`nodejs server`程序包含三个必备条件

- 引入依赖包
- 创建 server
- 获取请求和返回

引入依赖包

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

创建 server

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

http
  .createServer(function (req, res) {
    response.writeHead(200, {'Content-Type': 'text/plain'})
    response.end('Hello World\n')
  })
  .listen(8888)

console.log('Server running at http://127.0.0.1:8888/')
```

启动 server

```bash
node server.js
#Server running at http://127.0.0.1:8888/
```

## 进入 REPL(交互解释器)模式

REPEL 即交互解释器，使用单个表达式作为用户输入，并在执行后将结果返回到控制台

```bash
node
```

![LV2DBj](https://cdn.jsdelivr.net/gh/manonicu/pics@master/uPic/LV2DBj.png)

使用<kbd>tab</kbd>显示当前输入对象的扩展，比如输入`Number.`后按下<kbd>tab</kbd>

![lOfZTD](https://cdn.jsdelivr.net/gh/manonicu/pics@master/uPic/lOfZTD.png)


Node.js - First Program & REPL


在 Swift 中，初始化(Initialization)是为类、结构体或枚举类型中的属性设置初始值的过程。初始化程序通常在创建一个新实例时调用，以确保该实例的所有属性都具有合适的初始值。

在 Swift 中，每个类、结构体或枚举类型都必须有至少一个初始化程序。如果没有显式地定义初始化程序，则 Swift 会提供一个默认的初始化程序。默认初始化程序假定所有属性都具有默认值，因此它不执行任何其他操作。

可以使用 init() 关键字定义初始化程序。例如：

```swift
class Person {
var name: String
var age: Int

    init() {
        name = "Unknown"
        age = 0
    }
}

let person = Person()
print(person.name) // 输出 "Unknown"
print(person.age) // 输出 0
```

在上面的示例中，我们定义了一个 Person 类，并在其中定义了一个 init() 初始化程序。该初始化程序将 name 和 age 属性设置为默认值。然后，我们创建一个新的 Person 实例，并输出其属性值。

在 Swift 中，初始化程序可以有参数，以便在创建实例时提供属性的初始值。例如：

```swift
class Person {
var name: String
var age: Int

    init(name: String, age: Int) {
        self.name = name
        self.age = age
    }
}

let person = Person(name: "John", age: 30)
print(person.name) // 输出 "John"
print(person.age) // 输出 30
```

在上面的示例中，我们在 Person 类中定义了一个带有参数的初始化程序。该初始化程序使用提供的参数设置 name 和 age 属性。然后，我们创建一个新的 Person 实例，并输出其属性值。

在 Swift 中，初始化程序还可以调用其他初始化程序，以确保所有属性都被正确初始化。这种调用称为初始化程序委托(Initialization Delegation)。例如：

```swift
class Person {
var name: String
var age: Int

    init() {
        self.name = "Unknown"
        self.age = 0
    }

    init(name: String, age: Int) {
        self.name = name
        self.age = age
    }
}

class Employee: Person {
var salary: Double

    init(name: String, age: Int, salary: Double) {
        self.salary = salary
        super.init(name: name, age: age)
    }
}

let employee = Employee(name: "John", age: 30, salary: 50000)
print(employee.name) // 输出 "John"
print(employee.age) // 输出 30
print(employee.salary) // 输出 50000.0
```

在上面的示例中，我们定义了一个 Employee 类，它是 Person 类的子类。Employee 类具有一个额外的 salary 属性。在 Employee 的 init() 初始化程序中，我们通过调用 super.init(name: age:) 委托给 Person 类的初始化程序来设置 name 和 age 属性。然后，我们设置 salary 属性并创建一个新的 Employee 实例。

初始化是 Swift 语言中非常重要的概念之一。通过初始化程序，我们可以确保实例的所有属性都具有


在 Swift 中，初始化(Initialization)是为类、结构体或枚举类型中的属性设置初始值的过程。

Swift - 初始化


在 Swift 中，高级运算符是那些执行特定任务或操作的运算符。Swift 支持大部分标准 C 语言中的运算符，并增加了一些新的运算符。高级运算符可以用于自定义类型和类库中，也可以用于 Swift 标准库中定义的类型。Swift 中支持的高级运算符包括：

- 位运算符：按位操作二进制数据，包括按位取反、按位与、按位或、按位异或等。
- 移位运算符：用来对二进制数据进行左移或右移操作。
- 溢出运算符：对于数值类型，当其存储的值超出其所能容纳的范围时，就会发生溢出。Swift 中提供了溢出加法运算符（&+）、溢出减法运算符（&-）和溢出乘法运算符（&\*）来处理这种情况。
- 比较运算符：用于比较两个值的大小关系，包括等于、不等于、大于、小于、大于等于和小于等于等。
- 逻辑运算符：用于组合和操作布尔值，包括逻辑非、逻辑与和逻辑或。
- 匹配模式运算符：用于判断一个值是否匹配某个模式，包括元组模式、可选模式、类型转换模式等。

Swift 还提供了一些自定义高级运算符的功能。开发者可以通过运算符函数来定义新的运算符，并对其进行重载。这使得 Swift 具有更高的可读性和可维护性，并能够实现更简洁和灵活的代码实现。


在 Swift 中，高级运算符是那些执行特定任务或操作的运算符。Swift 支持大部分标准 C 语言中的运算符，并增加了一些新的运算符。高级运算符可以用于自定义类型和类库中，也可以用于 Swift 标准库中定义的类型

Swift - 高级操作符


## 3 种数组去重方法

![](https://cdn.jsdelivr.net/gh/manonicu/pics@master/img/20200413152655.png)

## Set

```js
const arr=[1,2,🤩,🤩,🤩,2,1]
console.log([...new Set(arr)])
```

## filter

```js
const arr=[1,2,🤩,🤩,🤩,2,1]
arr.filter((item,index)=>arr.indexOf(item)===index)
```

## reduce

```js
const arr=[1,2,🤩,🤩,🤩,2,1]
arr.reduce((unique,item)=>unique.includes(item)?unique:[...unique,item],[])
```
