Swift 支持常见的数学运算，包括算术运算、比较运算和逻辑运算。

Swift - 基本运算


## 添加和使用资源

在Flutter中，资源可以包括静态数据，如图像、字体和JSON文件，这些数据需要与应用程序一起打包，以使其正确运行。要将资源添加到Flutter项目中，您需要在项目的根目录下的pubspec.yaml文件中指定它们。

以下是如何添加图像的步骤：

1. 在项目的根目录下创建一个名为assets的目录。
1. 将图像放置在该目录中。
1. 在pubspec.yaml中添加以下内容：

```yaml
flutter:
  assets:
    - assets/my_image.png
```

现在，您可以在代码中使用该图像，例如：

```yaml
Image.asset('assets/my_image.png')
```

类似地，您可以添加其他类型的资源并在项目中使用它们。

## 在Flutter中设置导航

导航是任何应用程序的关键部分。在Flutter中，您可以使用Navigator类在不同的屏幕之间进行导航。Navigator的工作原理类似于堆栈，您可以在其上推入新的路由（屏幕），也可以弹出路由。

以下是如何导航到新屏幕的简单示例：

```dart
Navigator.push(context, MaterialPageRoute(builder: (context) => SecondScreen()));
```

在上面的代码中，SecondScreen是一个新的小部件，当用户导航到该路由时，它将显示在屏幕上。

您还可以使用命名路由进行导航。首先，您需要在主应用程序小部件中定义路由：

```dart
MaterialApp(
  initialRoute: '/',
  routes: {
    '/': (context) => FirstScreen(),
    '/second': (context) => SecondScreen(),
  },
);
```

然后，您可以通过以下方式导航到第二个屏幕：

```dart
Navigator.pushNamed(context, '/second');
```

总之，一旦您理解了基本概念，使用资源和导航在Flutter中非常简单。随着您继续构建更复杂的应用程序，这些概念将变得非常熟悉。


Working with Assets and Navigation in Flutter


> 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 是一个用来构建镜像的文本文件，文本内容包含了一条条构建镜像所需的指令和说明

Dockerfile


在 ECMAScript 中，变量可以存在两种类型的值，即原始值和引用值。

1. 原始值占用的内存空间是固定的，而引用值占用的内存空间是动态的。
2. 原始值的值存储在栈中，而引用值的值存储在堆中。
3. 原始值的保存与复制是直接的，而引用值的保存与复制是通过值的拷贝来实现的。
4. 原始值使用`typeof`运算符来检测其类型，而引用值使用`instanceof`运算符来检测其类型。
5. 原始值的值可以通过`==`运算符来比较，而引用值的值可以通过`===`运算符来比较。
6. 使用`new()`构造出的对象是引用值，而不是原始值。

> 除了`null`和`undefined`之外，所有的基本类型都是原始值，而所有的引用类型都是引用值。

## 基本类型

- number
- boolean
- bigint
- string
- symbol
- null
- undefined

## 引用类型

- object
- array
- function

```js
const number = 10

const bool = false

const str = 'Hello!'

const missingObject = null

const nothing = undefined
```

基本类型的值是存储在栈中的，所以在 JavaScript 中，基本类型的值可替换但不可被改变。

```js
var bar = 'baz'
console.log(bar) // baz
bar.toUpperCase()
console.log(bar) // baz

// 使用数组方法可以改变一个数组
var foo = []
console.log(foo) // []
foo.push('plugh')
console.log(foo) // ["plugh"]

// 赋值行为可以给基本类型一个新值，而不是改变它
bar = bar.toUpperCase() // BAZ
```

```js
// 基本类型
let foo = 5

// 定义一个貌似可以改变基本类型值的函数
function addTwo(num) {
  num += 2
}
// 和前面的函数一样
function addTwo_v2(foo) {
  foo += 2
}

// 调用第一个函数，并传入基本类型值作为参数
addTwo(foo)
// Getting the current Primitive value
console.log(foo) // 5

// 尝试调用第二个函数...
addTwo_v2(foo)
console.log(foo) // 5
```

**在执行函数体内语句之前，JavaScript 会将传递进来的参数（基本类型的值）复制一份，创建一个本地副本。这个副本只存在于该函数的作用域中，我们能够通过指定在函数中的标识符访问到它（addTwo 中的 num，addTwo_v2 中的 foo）。**


基本类型与引用类型


## cli

`Next.js`提供了一个简单的命令行工具，可以帮助我们快速部署和管理应用。

```bash
npx next -h

#设置端口
npx next dev -p 4000 #开发模式
PORT=4000 npx next dev #开发模式

npx next start -p 4000 #生产模式
PORT=4000 next start #生产模式

next lint #检查代码规范

next build #构建静态资源
next export #导出静态资源
```

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

```bash
➜  demo npm run build

> demo@1.0.0 build
> next build

info  - Checking validity of types
warn  - No ESLint configuration detected. Run next lint to begin setup
info  - Creating an optimized production build
info  - Compiled successfully
info  - Collecting page data
info  - Generating static pages (3/3)
info  - Finalizing page optimization

Page                                       Size     First Load JS
┌ λ /                                      470 B          75.4 kB
├   /_app                                  0 B            74.9 kB
├ ○ /404                                   193 B          75.1 kB
├ λ /api                                   0 B            74.9 kB
└ ○ /posts/first                           2.75 kB        77.7 kB
    └ css/9871d7e98c5c71df.css             103 B
+ First Load JS shared by all              74.9 kB
  ├ chunks/framework-a87821de553db91d.js   45 kB
  ├ chunks/main-d8b1ff545a609496.js        28.6 kB
  ├ chunks/pages/_app-05a4472bc3e8727e.js  507 B
  ├ chunks/webpack-69bfa6990bb9e155.js     769 B
  └ css/5d2c4ba91281dd0f.css               175 B

λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)
○  (Static)  automatically rendered as static HTML (uses no initial props)
```

## deployment

通过`next build`构建静态资源，然后通过`next export`导出静态资源。

- `.next/static/chunks/pages`–此文件夹中的每个 JavaScript 文件都与具有相同名称的路由相关联。例如，.next/static/chunks/pages/about.js 将是在应用程序中查看/about 路由时加载的 JavaScript 文件
- `.next/static/media`–从 next/image 静态导入的图像在这里散列和复制
- `.next/static/css`–应用程序中所有页面的全局 CSS 文件
- `.next/server/pages`–从服务器预呈现的 HTML 和 JavaScript 入口点`.nft.json` 文件在启用输出文件跟踪时创建，并包含依赖于给定页面的所有文件路径。
- `.next/server/chunks`– 在整个应用程序的多个地方使用的共享 JavaScript 块
- `.next/cache`–从 Next.js 服务器输出构建缓存和缓存的图像、响应和页面。使用缓存有助于减少构建时间并提高加载图像的性能

部署方式

- Vercel
- netlify
- github pages
- firebase
- self-hosted
- node.js server
- docker

## SSG vs SSR

[SSG vs SSR](https://blog.logrocket.com/ssg-vs-ssr-in-next-js/)


Next.js - CLI & Deployment


假如我们要查询 `name` 字段以 `Jen`开通 的所有记录，可以这样写：

```sql
SELECT
	  first_name,
    last_name
FROM
	customer
WHERE
	first_name LIKE 'Jen%';
```

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

- `%` 匹配任意多个字符
- `_` 匹配一个字符

## 语法

```sql
value LIKE pattern [ESCAPE escape_character]
value NOT LIKE pattern [ESCAPE escape_character]
```

## 示例

```sql
SELECT
	'foo' LIKE 'foo', -- true
	'foo' LIKE 'f%', -- true
	'foo' LIKE '_o_', -- true
	'bar' LIKE 'b_'; -- false
```

- 第一个表达式返 true，因为该表达式不包含任何通配符，类似于`=`
- 第二个表达式返 true，因为该表达式包含一个通配符，以`f`开头，后跟任意数量的字符
- 第三个表达式返 true，因为该表达式包含一个通配符，以`_`开头，匹配任何单个字符开通，后跟字幕`o`并以任何单个字符结尾的字符串
- 第四个表达式返 false，因为该表达式包含一个通配符，以`b`开头，匹配任何单个字符开通，后跟字幕`_`并以任何单个字符结尾的字符串

例如，查询返回名字包含`er`字符串的所有记录：

```sql
SELECT
	first_name,
  last_name
FROM
	customer
WHERE
	first_name LIKE '%er%'
ORDER BY
  first_name;
```

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

`%`与`_`的使用

```sql
SELECT
	first_name,
	last_name
FROM
	customer
WHERE
	first_name LIKE '_her%'
ORDER BY
  first_name;
```

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

| Operator | Equivalent |
| -------- | ---------- |
| ~~       | LIKE       |
| ~~\*     | ILIKE      |
| !~~      | NOT LIKE   |
| !~~\*    | NOT ILIKE  |


使用 Postgresql LIKE 检索查询是否类似于某个字符串。

Postgresql - LIKE


## 实现 instanceof

> 核心考察点 [getPrototypeOf](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/GetPrototypeOf)

```js
function _instanceof(left, right) {
  if (left !== 'object' || left === null) return false
  const proto = Object.getPrototypeOf(left)
  while (true) {
    if (proto === null) return false
    if (proto === right.prototype) return true
    proto = Object.getPrototypeOf(proto)
  }
}
_instanceof(111, Number) //true
_instanceof(new String('11'), String) //true
```
