使用 Postgresql IN 检索查询是否与列表中的任何值相匹配。

Postgresql - IN


`props` 接受一个 `children` 参数，这个参数可以是一个字符串，也可以是一个数组，数组中的每一项都是一个字符串

```jsx
function App() {
  return (
    <User>
      <h1>Hello, John Doe!</h1>
    </User>
  )
}

function User({children}) {
  return children // Hello, John Doe!
}
```


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

React Children Props


## 什么是闭包

作用：能够在函数定义的作用域外，使用函数定义作用域内的局部变量，并且不会污染全局。

原理：基于词法作用域链和垃圾回收机制，通过维持函数作用域的引用，让函数作用域可以在当前作用域外被访问到

```js
function foo() {
  var a = 'hzfe'
  function bar() {
    console.log(a)
  }
  return bar
}

var baz = foo()
baz() // hzfe
```

在这个例子中，函数 bar 作为返回值返回后，在自己定义的词法作用域以外的地方执行。一般来说，在函数 foo 执行后，通常会期待函数 foo 的整个内部作用域被引擎回收机制销毁。而闭包可以阻止这件事情的发生。事实上内部作用域依然存在，因为函数 bar 本身在使用，所以并不会被回收。

在 JavaScript 中，每当创建一个函数，闭包就会在函数创建的同时被创建出来。

## 闭包的应用

无论何时何地，如果将函数作为返回值，就会看到闭包在这些函数中的应用。在定时器，事件监听器，ajax 请求，跨窗口通信，web workers 或者任何其他的异步/同步任务中，只要使用了回调函数，实际上就是使用闭包。使用闭包的例子可以参考实现节流防抖函数。

```js
var a = 'hzfe'
;(function IIFE() {
  console.log(a)
})()
```

通常认为立即执行函数（IIFE）是典型的观察闭包的典型例子，但严格来说并不是。虽然创建了闭包，但没有体现出闭包的作用。因为函数并不是在它本身的词法作用域以外执行的。 它在定义时所在的作用域中执行，而非外部作用域。

## 扩展

- [闭包 MDN](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Closures)
- [垃圾回收机制](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Errors/Closed_Overlay_Requires_Arguments)
- [你不知道的 JavaScript](https://www.imooc.com/article/2907)


闭包


源码：[fhsinchy/hello-dock](https://hub.docker.com/r/fhsinchy/hello-dock)

这是一个非常简单的 JavaScript 项目。

## 创建一个 Dockerfile

```dockerfile
FROM node:14.15.4-alpine3.12
EXPOSE 3000
USER node
RUN mkdir /home/node/app
WORKDIR /home/node/app
COPY ./package.json .
RUN npm install

COPY . .

CMD ["npm", "start"]
```

对以上文件进行解释：

- `FROM`：指定基础镜像，这里使用的是 `node:14.15.4-alpine3.12`，这是一个非常小的镜像，只有 88.9MB。
- `EXPOSE`：指定端口，这里指定的是 3000 端口。
- `USER`：指定用户，这里指定的是 `node`。
- `RUN`：执行命令，这里执行的是 `mkdir /home/node/app`。
- `WORKDIR`：指定工作目录，这里指定的是 `/home/node/app`。
- `COPY`：复制文件，这里复制的是 `package.json`。
- `RUN`：执行命令，这里执行的是 `npm install`。
- `COPY`：复制文件，这里复制的是 `.`，也就是当前目录下的所有文件。
- `CMD`：指定命令，这里指定的是 `npm start`。

## 构建镜像

```bash
docker build -t hello-dock .
```

`--file`选项可以指定 Dockerfile 的路径，`-t`选项可以指定镜像的名称。

执行命令后可以访问 [http://localhost:3000](http://localhost:3000) 查看效果。

## 挂载本地目录

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

```bash
docker run -it -p 3000:3000 -v $(pwd):/home/node/app hello-dock
```

`-v`选项可以挂载本地目录，这里挂载的是当前目录，也就是 `.`。

挂载本地目录后，修改本地文件后，可以直接在浏览器中查看效果。

## 使用匿名卷

```bash
docker run -it -p 3000:3000 -v /home/node/app/node_modules -v $(pwd):/home/node/app hello-dock
```

## 多阶段构建

```dockerfile
FROM node:lts-alpine as builder

WORKDIR /app

COPY ./package.json ./
RUN npm install

COPY . .
RUN npm run build

FROM nginx:stable-alpine

EXPOSE 80

COPY --from=builder /app/dist /usr/share/nginx/html
```

多阶段构建和单阶段构建的区别在于，多阶段构建可以减少镜像的大小。

- 第一阶段：安装依赖，构建项目。
- 第二阶段：使用 Nginx 镜像，将第一阶段构建的项目复制到 Nginx 的目录下。

构建镜像后，可以访问 [http://localhost:8080](http://localhost:8080) 查看效果。

多阶段构建适用于前端项目，因为前端项目的构建过程比较复杂，需要安装很多依赖，构建完成后，只需要将构建后的文件复制到 Nginx 的目录下即可。

## 忽略不需要的文件

```bash
.git
*Dockerfile*
*docker-compose*
node_modules
```


如何创建一个JavaScript docker镜像


> 可选字符串可能包含像“Hello”这样的字符串，或者它们可能是 `nil`——什么都没有。

## 处理缺失数据 - handling missing data

当不知道数据是否存在时，可以使用可选类型来处理。

```swift
var age: Int? = nil

age = 38
```

当需要使用类型的方法又不知道变量是否存在值的时候，可以使用`if let`或者`guard let`来处理。

`unwrapped`可以让你确保变量有值，如果没有值，程序会崩溃。

```swift
var name: String? = nil

if let unwrapped = name {
    print("\(unwrapped.count) letters")
} else {
    print("name is nil")
}

guard let unwrapped = name else {
    print("name is nil")
    return
}
```

## 强制转换和隐式转换

只有确认变量有值时，才可以使用`!`强制转换。

```swift
let str = "5"
let num = Int(str) // 这是不安全的，因为str可能不是一个整数

let num = Int(str)! // 这是安全的，因为str一定有值
```

隐式转换

```swift
let age: Int! = nil
```

## 合并可选值

当程序需要两个可选值时，可以使用`??`运算符来合并可选值。

```swift
func username(for id: Int) -> String? {
    if id == 1 {
        return "Taylor Swift"
    } else {
        return nil
    }
}

let user = username(for: 15) ?? "Anonymous"
```

## 可选链

通过可选链可避免多层嵌套的可选值获取错误。

```swift
let names = ["John", "Paul", "George", "Ringo"]

let beatle = names.first?.uppercased()
```

## 异常处理

当程序抛出异常时，可以使用`try`和`catch`来处理异常。比如下面的代码

```swift
enum PasswordError: Error {
    case obvious
}

func checkPassword(_ password: String) throws -> Bool {
    if password == "password" {
        throw PasswordError.obvious
    }

    return true
}

do {
    try checkPassword("password")
    print("That password is good!")
} catch {
    print("You can't use that password.")
}
```

还有一种方式是使用`try?`来尝试调用方法，如果方法抛出异常，则返回`nil`。

```swift
if let result = try? checkPassword("password") {
    print("Result was \(result)")
} else {
    print("Password is incorrect.")
}
```

另外一种方式是使用`try!`来强制调用方法，如果方法抛出异常，则程序会崩溃。

```swift
try! checkPassword("sekrit")
print("That password is good!")
```

## 类型转换

`Swift`提供了两种类型转换：`as`和`as?`。

```swift
class Animal { }
class Fish: Animal { }

class Dog: Animal {
    func makeNoise() {
        print("Woof!")
    }
}

let pets = [Fish(), Dog(), Fish(), Dog()]
```

使用`as?`来检查类型转换是否成功。如果类型转换成功，则返回一个可选值，否则返回`nil`。

```swift
for pet in pets {
  if let dog = pet as? Dog{
    dog.makeNoise()
  }
}
```


可选是一个枚举类型，它可以是一个值或者空。类似于js的optional chaining

Optionals - 可选


> 当浏览器从在线与离线状态中切换时，这两个事件会在页面的 body 上触发，并冒泡到 document 和 window。可使用 window、document、document.body、添加监听事件`addEventListener`。

## 使用方法

```js
//网络状态
window.addEventListener('load', () => {
  const updateOnlineStatus = () => {
    this.online = navigator.onLine
  }

  window.addEventListener('online', updateOnlineStatus)
  window.addEventListener('offline', updateOnlineStatus)
})
```


当浏览器从在线与离线状态中切换时，这两个事件会在页面的 body 上触发

online&offline


> Dockerfile 是一个包含用于组合映像的命令的文本文档。可以使用在命令行中调用任何命令。 Docker 通过读取 Dockerfile 中的指令自动生成映像。 docker build 命令用于从 Dockerfile 构建映像。可以在 docker build 命令中使用-f 标志指向文件系统中任何位置的 Dockerfile。

## 文件说明

Docker 从上到下的顺序运行 Dockerfile 的指令，第一条指令必须是 FROM。

1. FROM

用于设置基本映像，FROM 必须作为第一条指令

2. MAINTAINER

docker 镜像和指令的创建者

3. CMD

用于执行映像的应用程序

```dockerfile
CMD ["executable","param1","param2"]
```

4. RUN

用于执行当前映像的任何命令

```dockerfile
RUN /bin/bash -c "source $HOME/.bashrc;echo $HOME"
```

5. LABEL

用于添加标签，设置映像标签

```dockerfile
LABEL maintainer="manon.icu"
```

6. EXPOSE

用于暴露端口到网络

```bash
#暴露80端口

expose 80

expose 80/tcp
```

7. ENV

设置环境变量

```bash
FROM node:12

ENV workdirectory /usr/node
```

8. COPY/ADD

用于将源文件复制到目的地

```dockerfile
COPY dist /www/dist
```

9. ENTRYPOINT

docker 镜像启动后的第一条执行命令

```bash
FROM ubuntu:latest

ENTRYPOINT ["ls"]
```

10. VOLUME

挂载卷

```bash
FROM node:12
RUN mkdir /node
WORKDIR /node
RUN echo "Welcome to Node.js" > node
VOLUME /node
```

12. USER

设置运行容器的账户

```bash
USER admin
#
RUN adduser -D admin
USER admin
```

13. WORKDIR

用于为 RUN/CMD/COPY 指令设置工作目录，如不存在，会默认创建

14. ARG

用于在创建时接收的参数

```bash
ARG JAVA_PATH=/opt/jdk/jdk1.8.0_251

ENV JAVA_HOME ${JAVA_PATH}
```

15. ONBUILD

用于指定将 `Dockerfile` 中的镜像用作另一个镜像的基础镜像时运行的命令

```bash
FROM node:12
RUN mkdir -p /usr/node/app
WORKDIR /usr/node/app
ONBUILD COPY package.json /usr/node/app/
ONBUILD RUN npm install
ONBUILD COPY . /usr/node/app
CMD [ "npm", "start" ]
```

16. STOPSIGNAL

```bash
STOPSIGNAL SIGQUIT
```

17. SHELL

设置 docker 镜像默认的终端

```bash
SHELL ["/bin/bash","-c","echo hello"]
```

18. HEALTHCHECK

检查镜像是否健康运行，需要在镜像内部持续运行一段命令

```bash
FROM ubuntu:latest
HEALTHCHECK --interval=60s --timeout=5s \
CMD curl -f http://fosstechnix.info/ || exit 1
EXPOSE 80
```

19. .dockerignore

用于设置 docker 镜像构建过程中忽略的文件

```bash
sudo vim .dockerignore

*.yaml
__pycache__/
.git
.aws
.env
```

## 完整的 Dockerfile

```dockerfile
FROM node:lts-alpine

WORKDIR /app
ADD . /app
RUN npm install

CMD ["npm", "start"]
```

## 更多


Dockerfile 是一个用来构建镜像的文本文件，文本内容包含了一条条构建镜像所需的指令和说明