ios 头部、底部安全区域

1. 通过 env + css 属性实现
2. 飞书小程序中，通过 api 获取到安全区域，自行设置 padding

ios 禁止滚动溢出效果/橡皮筋效果

body {
  /* 需要滚动的容器再添加 overflow: scroll */
  overflow: hidden;
}

第一章——什么是浏览器插件

在谷歌浏览器或谷歌内核的浏览器里，提供了扩展的方式来扩充浏览器的功能与体验。

官方的说法是：Chrome 扩展程序可通过自定义界面、观察浏览器事件和修改网络来提升浏览体验。

打开 chrome://extensions，我们平时常见的扩展有：

• AdBlock
• 沉浸式翻译
• 油猴
• Vue.js devtools / React Developer Tools
• 身份验证器
• ModHeader
• ...

• docker 方式部署 jenkins，若需要使用 blueocean 请务必在启动容器时带上 -v /var/run/docker.sock:/var/run/docker.sock 命令，否则将会导致找不到 docker 进程。
• 由于使用的是 gitee，blueocean 方式下需要通过 ssh 模式连接仓库，涉及到 ssh 公钥和私钥生成的问题。在 jenkins 中配置 ssh 的私钥时切记！要将私钥文件中的所有内容（包括开始的第一行和最后一行）复制进去。
• 由于使用 docker 方式部署 jenkins，本身 jenkins 和实际运行环境（宿主机）是相互隔离的，因此打包好的文件要想办法回传到宿主机并运行起来。这里采用了 jenkins 的一个插件 publish over ssh。由于 blueocean 仍然不够完善的原因，在 GUI 选择 ssh 时没有可以配置的选项，因此我们需要查看这个文档，通过自行编辑 Jenkinsfile 文件来进行配置。
• 在系统配置中配置 ssh 时，要知道如何访问到宿主机，换句话说就是要知道宿主机的地址。我们可以通过通过 ifconfig 找到 docker0 这张网卡的 ip 地址，通过 ip 地址就可以访问到宿主机啦。（在 docker 网络模式是默认 bridge 模式下是可行的，其他模式还需要探索）
• publish over ssh 插件中的 sourceFiles 配置是基于 workspace 目录下的，而推送到的主机因此如果需要将目录下的所有文件推过去，要使用 **。

1. 确立需求

2. 第一次迭代（基本功能）
   快速迭代是一种不错的开发方式，在第一次迭代时先实现服务器的基本功能

   1. 分析需求，得出设计方案
   2. 根据设计方案，进行代码实现
   3. 测试，分析问题，为下一次迭代寻找需求

3. 第二次迭代（性能）
   在第一次迭代之后，已经拥有了一个简单的、可工作的版本，满足了功能需求。一般第二次迭代需要从性能的角度出发，看看有什么改进余地。

   1. 分析需求，得出设计方案
   2. 根据设计方案，进行代码实现

4. 第三次迭代（稳定性）
   第二次迭代之后，服务器本身的功能和性能已经得到了初步满足。接下来我们要从稳定性的角度重新审视一下代码，看看还需要做些什么。

5. 第四次迭代（代码部署，项目结构）
   在解决了服务器本身的功能、性能和可靠性问题后，最后要考虑的是代码部署的问题，以及服务器控制的问题

   1. 设计程序部署目录
   2. 构建项目结构
   3. 编写控制脚本

6. 后续迭代
   在服务器程序正式上线后，将会从可改进的点出发，将上述问题放大审视，并逐步完善需求与修复 bug