为什么写这个工具

在日常使用 Mac 时，经常需要关注 CPU 负载、内存用量或网络实时速率。市面上的监控软件大多存在以下问题：

• 基于 Electron 或 Webview 构建，常驻内存与电量开销偏大；
• 状态栏显示过宽，占用过多刘海屏两旁的宝贵空间；
• 功能繁重冗余，缺乏轻巧克制的交互体验。

PulseBar 的目标是做一款极简、纯粹、低开销的菜单栏小工具，平时安静常驻，需要时一键查看关键硬件指标。

核心特性

• 原生与极低占用：基于 Rust 与 AppKit，无前端引擎开销，常驻内存仅数兆。
• 按需智能采样：状态栏常驻仅通过 macOS Mach 内核低频采集必要数据；点击展开面板时才启动波形与细粒度采样，不额外消耗性能与电池。
• 紧凑布局与原生质感：双行紧凑对齐，极小化占用状态栏宽度；原生毛玻璃背景，自适应 macOS 深浅色模式。
• 全面的硬件指标：
  • CPU：总利用率、历史波形图、多核核心分布与系统负载。
  • 内存：已用 / 总量，细分活跃、联动、压缩与可用内存。
  • I/O 速率：实时网络上传 / 下载速率与磁盘读写速率。
  • SMC 传感器：CPU 温度与风扇转速。
  • Top 进程：动态追踪高资源占用的进程与 PID。
• 细节配置：支持开机自启、多种字体风格切换（medium / regular / semibold / mono 等）、多语言自适应（简中 / 繁中 / English）。

下载与使用

前往 GitHub Releases 页面下载安装包：

• PulseBar Releases

下载 PulseBar.dmg 后拖入 Applications 文件夹即可使用。也可以根据需要在 ~/.config/pulsebar/config.toml 中进行个性化配置。

项目地址：https://github.com/moselikk/pulsebar

离线环境 npm 私服搭建

创建 verdaccio 离线镜像：

联网的 linux 环境，需要 docker

1. 拉取镜像 docker pull verdaccio/verdaccio
2. 打包镜像 docker save -o verdaccio.tar verdaccio/verdaccio:latest
3. 生成的镜像文件为 verdaccio.tar

操作步骤：

1. 将项目所有文件及 verdaccio.tar 拷贝至离线机器下，本项目暂时只支持 linux 机器作为私服服务器，私服依赖 docker
2. 在离线机器下运行 docker load -i verdaccio.tar 加载 verdaccio docker 镜像
3. 将 verdaccio-config.zip 文件解压，假设解压后在目录 /home/ming/verdaccio-config
4. 配置文件在 /home/ming/verdaccio-config/conf/config.yaml 中，可根据需要更改配置
5. 离线机器中运行：

V_PATH=/home/ming/verdaccio-config; docker run -it --rm --name verdaccio   -p 4873:4873   -v $V_PATH/conf:/verdaccio/conf   -v $V_PATH/storage:/verdaccio/storage   -v $V_PATH/plugins:/verdaccio/plugins   verdaccio/verdaccio

6. 如需后台运行可加 -d 参数，V_PATH=/home/ming/verdaccio-config 根据第四步文件存放位置进行更改
7. 访问 http://your-offline-server-ip:4873/ 验证私服是否启动成功
8. 在有网机器中新建一个文件夹，并将项目 package.json 文件复制至此文件夹，执行 npm insatll 安装所有依赖
9. 将脚本文件 generate-pkg-files.cjs publish.cjs 拷贝至上一步建立的文件夹中
10. 运行脚本 node generate-pkg-files.cjs 打包所有依赖，如有打包失败的，运行完后再次运行，直至所有依赖包都打包成功
11. npm config set registry http://your-offline-server-ip:4873/ 设置源为私服，npm login 登陆， 配置文件已有一个用户 admin/123456
12. 运行脚本 publish.cjs ./pkg 可在脚本中指定私服地址，或者在命令中指定 publish.cjs ./pkg http://your-offline-server-ip:4873/ 上传所有依赖包到私服，如有失败的，运行完后再次运行，直至所有依赖包都上传成功
13. 在离线环境使用私服验证 npm install --registry http://your-offline-server-ip:4873/ 安装项目依赖
14. 如果不报错，且安装依赖后项目可以正常启动，恭喜你离线私服搭建成功！

可使用 npm install --verbose 安装依赖以获取更多 log 信息

后续私服如需添加包在联网环境的机器中新建一个空 node 项目，安装所需包，然后执行以上 10-11 操作即可

最常见的 Berkeley 命令主要集中在以下几个领域：

1. 网络管理和调试工具

• ifconfig（interface configuration）：用于配置网络接口（如以太网接口、无线接口等），查看接口的状态、IP 地址、MAC 地址等。

• netstat（network statistics）：显示网络连接、路由表、接口状态等信息。常用于调试和监视网络状况。

• ping：测试网络连接性，通过发送 ICMP 回显请求并等待响应来检查目标主机的可达性。

• traceroute（或 tracert）：追踪数据包从源到目标的路径，并显示中间经过的路由节点。它有助于诊断网络延迟和问题。

• route：显示和修改系统的路由表，控制数据包的流向。可以用来配置静态路由。

• arp（Address Resolution Protocol）：用于查看和修改系统的 ARP 表（将 IP 地址映射到 MAC 地址）。

• host 和 nslookup：查询域名服务器（DNS）记录，用于检查域名解析。

• tcpdump：一个强大的命令行网络抓包工具，用于捕获网络流量并分析数据包内容。

• nmap：一个开源的网络扫描和安全审计工具，可以用来发现网络上的主机和服务。

2. BSD 系统中的其他命令

这些命令在现代 Unix 系统中广泛使用，尤其是在 BSD 系统和 Linux 中：

• chmod（change mode）：更改文件或目录的权限。

• chown（change owner）：更改文件或目录的所有者。

• ps（process status）：列出当前运行的进程信息。

• kill：终止进程。

3. 打印相关的命令

在早期的 BSD 系统中，打印命令也被作为一类 Berkeley 命令引入。它们主要用于管理打印任务、打印队列等。

• lpc（Line Printer Control）：用于控制打印机队列，执行打印机的启动、停止、清空队列等操作。常见的子命令包括 status（查看打印机状态）、restart（重新启动打印服务）等。

• lpq（Line Printer Queue）：查看打印队列的状态，列出排队等待打印的任务及其状态。

• lpr（Line Printer Request）：将文件发送到打印队列以供打印。常用于发送文档到指定打印机。

• lprm（Line Printer Remove）：用于从打印队列中移除任务，可以取消尚未打印的文档。

4. 背景

• BSD 操作系统：最初是 Unix 的一种变体，开发者在其中添加了许多新功能和工具，尤其是网络相关的工具，这些功能对后来的 Unix 系统产生了深远影响。

• Berkeley 网络命令的影响：这些工具在网络管理和诊断中非常重要。BSD 系统最初将它们作为标准网络工具引入，它们成为了许多现代 Unix 系统的标准部分（如 Linux 和 macOS），并且在大多数操作系统中都可以找到。

5. 总结

Berkeley Commands 是一组网络管理和调试工具，起源于 Berkeley Software Distribution 操作系统。它们提供了大量功能，帮助用户管理和诊断网络，包括命令如 ping、netstat、ifconfig、route 等。随着 Unix 系统的演进，这些命令仍然是网络和系统管理中的核心工具。同时，早期的打印管理命令，如 lpc、lpq、lpr、lprm，也在 BSD 系统中扮演了重要角色，并对现代 Unix 系统的打印管理工具产生了影响。

访问 https://test-ipv6.com/ 测试自己网络 IPV6 连通性

• 光猫配置（移动）(如下图将 Ipv6Spi 选项置为关闭)

• 找到设备被分配的 IPV6 地址

• 启动一个项目测试连通性

• 使用手机移动网络访问（目前移动网络都支持 IPV6）（访问 IPV6 地址需要使用 [] 包住）

1. 配置 location 指令

在 Nginx 中，可以使用 location 指令来匹配请求的 URL，然后进行转发或重定向。下面是 location 指令的语法格式：

location [ = | ~ | ~* | ^~ ] URL {
    . . .
}

其中：

• = 表示精确匹配 URL；
• ~ 表示区分大小写的正则表达式匹配 URL；
• ~* 表示不区分大小写的正则表达式匹配 URL；
• ^~ 表示普通字符匹配URL。 对于大部分情况，我们使用最简单的普通字符匹配即可。比如下面的配置：

location /api {
    proxy_pass http://127.0.0.1:8000;
}

这个配置表示，如果请求的 URL 以 /api 开头，Nginx 就会将请求转发到 http://127.0.0.1:8000 这个地址。注意，这里的 /api 应该是相对于 Nginx 根路径的相对路径，并不是绝对路径。

2. 配置rewrite指令

如果我们想要对请求的 URL 进行重定向，可以使用 rewrite 指令。比如下面的配置：

location /old {
    rewrite ^/old(.*)$ /new$1 permanent;
}

这个配置表示，如果请求的 URL 以 /old 开头，Nginx 就会将URL中的 /old 替换成 /new 并进行重定向。注意，这里的重定向是永久重定向（301），如果需要临时重定向（302），可以将 permanent 改为 redirect。

示例一：转发 API 请求 假设我们有一个 Web 应用，需要将所有 API 请求转发到后台的 API 服务器，API 服务器的地址是 http://api.example.com，我们可以在 Nginx 中加入下面的配置：

location /api {
    proxy_pass http://api.example.com;
}

这个配置表示，如果请求的 URL 以 /api 开头，Nginx 就会将请求转发到 http://api.example.com 这个地址。比如说，如果有一个请求 /api/users/1，Nginx 就会将请求转发到 http://api.example.com/api/users/1 这个地址，然后将 API 服务器返回的响应返回给客户端。

示例二：多站点部署 假设我们有两个 Web 应用，分别是前端应用和后台管理应用，前端应用的地址是 http://example.com，后台管理应用的地址是 http://admin.example.com，我们可以在 Nginx 中加入下面的配置：

前端应用配置

server {
    server_name example.com;
    location / {
        root /var/www/example.com;
        index index.html;
    }
}

后台管理应用配置

server {
    server_name admin.example.com;
    location / {
        proxy_pass http://127.0.0.1:8000;
    }
}

这个配置表示，如果请求的域名是 example.com，并且请求的 URL 不以 /api 开头，Nginx 就会将请求映射到 /var/www/example.com 目录下的静态文件，例如 /index.html；如果请求的域名是 admin.example.com，或者请求的 URL 以 /api 开头，Nginx 就会将请求转发到 http://127.0.0.1:8000 这个应用服务器，这个服务器可以是一个 Django 应用、Flask 应用、Node.js 应用等。

注意，这个配置中我们使用了不同的虚拟主机（server）来处理不同的域名，这样可以让不同的应用使用不同的配置。并且，我们在后台管理应用的 location 中加入了 /api 前缀的匹配，这是为了将 API 请求转发到后台的 API 服务器，和前端应用的静态文件请求区分开来。

据半导体产业调查公司 VLSI 统计，半导体设备的关键子系统主要分为 8 大类。
包含：气液流量控制系统、真空系统、制程诊断系统、光学系统、电源及气体反应系统、热管理系统、晶圆传送系统、其他集成系统及关键组件，每个子系统亦由数量庞大的零部件组合而成。

不同半导体设备的核心零部件有所不同。
例如：光刻机的核心零部件包括工作台、投影物镜、光源 等，而等离子体真空设备（PVD、CVD、刻蚀）的核心零部件包括 MFC、射频电源、真空泵、ESC 等。

图表 2. 各类半导体设备所需核心零部件比较

半导体设备企业采购的零部件通常包括机械类、机电一体类、电气类、气体输送系统类、真空系统 类、附属设备等。

• SSI Small Scale Integration 小型集成电路

• MSI Medium Scale Integration 中型集成电路

• LSI Large Scale Integration 大规模集成电路

• VLSI Very Large Scale Integration Circuit 超大规模集成电路

• ULSI Ultra Large Scale Integration 极大规模集成电路

• IC Integrated Circuit Chip 集成电路

• CMOS Complementary Metal Oxide Semiconductor 互补式金属氧化物半导体

• 按导电类型不同分类：

• 集成电路按导电类型可分为双极型集成电路和单极型集成电路。双极型集成电路的制作工艺复杂，功耗较大，代表集成电路有TTL、ECL、HTL、LST-TL、STTL等类型

• 单极型集成电路的制作工艺简单，功耗也较低，易于制成大规模集成电路，代表集成电路有CMOS、NMOS、PMOS等类型

• MES Manufacturing Execution System 制造执行系统

• SPC Statistic Process Control 统计制程管制

• SVID Status Variable ID 设备状态变量

• PVD Physical Vapor Deposition 物理气相沉积

• CVD Chemical Vapor Deposition 化学气相沉积

• CMP 化学机械研磨

• PR 光阻

• Quartz 石英

• RF Generator 射频发生器

• Pump 泵

• Valve 阀门

• e-Chuck 静电吸盘

• Shower Head 反应腔喷淋头

• Edge Ring 边缘环

• 真空规/真空计

主要是用来测量某一个腔室或者管道中的压强

• MFC Mass Flow Meter 质量流量计

是一种精确测量气体流量的仪表，其测量值不因温度或压力的波动而失准，不需要温度压力补偿。质量流量控制器, 即Mass Flow Controller（缩写为MFC）, 不但具有 质量流量计的功能，更重要的是，它能自动控制气体流量，即用户可根据需要进行流量设定，MFC自动地将流量恒定在设定值上，即使系统压力有波动或环境温度有变化，也 会使其偏离设定值。简单地说,质量流量控制器就是一个稳流装置, 是一个可以手动设定或与计算机联接自动控制的气体稳流装置。

• Chiller 半导体温控装臵系列

• Wafer Sorter/AMR 机器人系列

• Local Scrubber 废气处理装臵系列

• Ceramic 陶瓷部件

• O-Ring O型密封圈

• Gauge 测量

• Valve 阀门

• Shower head 反应腔 喷淋头

• block plate 气体缓冲盘

• Chuck 吸盘

• Edge Ring 边缘环

• PDCA 循环 Plan（计划）、Do（执行）、Check（检查）和Act（处理）

前段制程（扩散制程）：
FEOL：在硅片上做出电阻、电容、二极管等元件
BEOL：在各种原件间做出各种连接线路
》〉成膜，曝光，蚀刻，掺杂，CMP，清洗/干燥，针测〈《

后段制程：
封装：
测试：
》〉背面研磨，切割〈《

《算命》

《麦收》

原文：https://github.com/ruanyf/document-style-guide
作者：ruanyf

标题

层级

标题分为四级。

• 一级标题：文章的标题
• 二级标题：文章主要部分的大标题
• 三级标题：二级标题下面一级的小标题
• 四级标题：三级标题下面某一方面的小标题

下面是示例。

# 一级标题

## 二级标题

### 三级标题

#### 四级标题

原则

（1）一级标题下，不能直接出现三级标题。

示例：下面的文章结构，缺少二级标题。

# 一级标题

### 三级标题

（2）标题要避免孤立编号（即同级标题只有一个）。

示例：下面的文章结构，二级标题 A只包含一个三级标题，完全可以省略三级标题 A。

## 二级标题 A

### 三级标题 A

## 二级标题 B

（3）下级标题不重复上一级标题的名字。

示例：下面的文章结构，二级标题与下属的三级标题同名，建议避免。

## 概述

### 概述

（4）谨慎使用四级标题，尽量避免出现，保持层级的简单，防止出现过于复杂的章节。

如果三级标题下有并列性的内容，建议只使用项目列表（Item list）。

示例：下面的结构二要好于结构一。结构一适用的场景，主要是较长篇幅的内容。

结构一

### 三级标题

#### 四级标题 A

#### 四级标题 B

#### 四级标题 C

结构二

### 三级标题

**（1）A**

**（2）B**

**（3）C**

文本

字间距

（1）全角中文字符与半角英文字符之间，应有一个半角空格。

错误：本文介绍如何快速启动Windows系统。

正确：本文介绍如何快速启动 Windows 系统。

（2）全角中文字符与半角阿拉伯数字之间，有没有半角空格都可，但必须保证风格统一，不能两种风格混杂。

正确：2011年5月15日，我订购了5台笔记本电脑与10台平板电脑。

正确：2011 年 5 月 15 日，我订购了 5 台笔记本电脑与 10 台平板电脑。

半角的百分号，视同阿拉伯数字。

正确：今年我国经济增长率是6.5%。

正确：今年我国经济增长率是 6.5%。

（3）英文单位若不翻译，单位前的阿拉伯数字与单位符号之间，应留出适当的空隙。

例1：一部容量为 16 GB 的智能手机

例2：1 h = 60 min = 3,600 s

（4）半角英文字符和半角阿拉伯数字，与全角标点符号之间不留空格。

错误：他的电脑是 MacBook Air 。

正确：他的电脑是 MacBook Air。

句子

（1）避免使用长句。

不包含任何标点符号的单个句子，或者以逗号分隔的句子构件，长度尽量保持在 20 个字以内；20～29 个字的句子，可以接受；30～39 个字的句子，语义必须明确，才能接受；多于 40 个字的句子，任何情况下都不能接受。

错误：本产品适用于从由一台服务器进行动作控制的单一节点结构到由多台服务器进行动作控制的并行处理程序结构等多种体系结构。

正确：本产品适用于多种体系结构。无论是由一台服务器（单一节点结构），还是由多台服务器（并行处理结构）进行动作控制，均可以使用本产品。

逗号分割的长句，总长度不应该超过 100 字或者正文的 3 行。

（2）尽量使用简单句和并列句，避免使用复合句。

并列句：他昨天生病了，没有参加会议。

复合句：那个昨天生病的人没有参加会议。

（3）同样一个意思，尽量使用肯定句表达，不使用否定句表达。

错误：请确认没有接通装置的电源。

正确：请确认装置的电源已关闭。

（4）避免使用双重否定句。

错误：没有删除权限的用户，不能删除此文件。

正确：用户必须拥有删除权限，才能删除此文件。

写作风格

（1）尽量不使用被动语态，改为使用主动语态。

错误：假如此软件尚未被安装，

正确：假如尚未安装这个软件，

（2）不使用非正式的语言风格。

错误：Lady Gaga 的演唱会真是酷毙了，从没看过这么给力的表演！！！

正确：无法参加本次活动，我深感遗憾。

（3）不使用冷僻、生造或者文言文的词语，而要使用现代汉语的常用表达方式。

错误：这是唯二的快速启动的方法。

正确：这是仅有的两种快速启动的方法。

（4）用对“的”、“地”、“得”。

她露出了开心的笑容。
（形容词＋的＋名词）

她开心地笑了。
（副词＋地＋动词）

她笑得很开心。
（动词＋得＋副词）

（5）使用代词时（比如“其”、“该”、“此”、“这”等词），必须明确指代的内容，保证只有一个含义。

错误：从管理系统可以监视中继系统和受其直接控制的分配系统。

正确：从管理系统可以监视两个系统：中继系统和受中继系统直接控制的分配系统。

（6）名词前不要使用过多的形容词。

错误：此设备的使用必须在接受过本公司举办的正式的设备培训的技师的指导下进行。

正确：此设备必须在技师的指导下使用，且指导技师必须接受过由本公司举办的正式设备培训。

英文处理

（1）英文原文如果使用了复数形式，翻译成中文时，应该将其还原为单数形式。

英文：...information stored in random access memory (RAMs)...

中文：⋯⋯存储在随机存取存储器（RAM）里的信息⋯⋯

（2）外文缩写可以使用半角圆点(.)表示缩写。

U.S.A.
Apple, Inc.

（3）表示中文时，英文省略号（...）应改为中文省略号（⋯⋯）。

英文：5 minutes later...

中文：5 分钟过去了⋯⋯

（4）英文书名或电影名改用中文表达时，双引号应改为书名号。

英文：He published an article entitled "The Future of the Aviation".

中文：他发表了一篇名为《航空业的未来》的文章。

（5）第一次出现英文词汇时，在括号中给出中文标注。此后再次出现时，直接使用英文缩写即可。

IOC（International Olympic Committee，国际奥林匹克委员会）。这样定义后，便可以直接使用“IOC”了。

（6）专有名词中每个词第一个字母均应大写，非专有名词则不需要大写。

“American Association of Physicists in Medicine”（美国医学物理学家协会）是专有名词，需要大写。

“online transaction processing”（在线事务处理）不是专有名词，不应大写。

段落

原则

• 一个段落只能有一个主题，或一个中心句子。
• 段落的中心句子放在段首，对全段内容进行概述。后面陈述的句子为中心句子服务。
• 一个段落的长度不能超过七行，最佳段落长度小于等于四行。
• 段落的句子语气要使用陈述和肯定语气，避免使用感叹语气。
• 段落之间使用一个空行隔开。
• 段落开头不要留出空白字符。

引用

引用第三方内容时，应注明出处。

One man’s constant is another man’s variable. — Alan Perlis

如果是全篇转载，请在全文开头显著位置注明作者和出处，并链接至原文。

本文转载自 WikiQuote

使用外部图片时，必须在图片下方或文末标明来源。

本文部分图片来自 Wikipedia

数值

半角数字

阿拉伯数字一律使用半角形式，不得使用全角形式。

错误：这件商品的价格是１０００元。

正确：这件商品的价格是 1000 元。

千分号

数值为千位以上，应添加千分号（半角逗号）。

XXX 公司的实收资本为 ￥1,258,000 人民币。

对于 4 位的数值，千分号是选用的，比如1000和1,000都可以接受。对于 4 位以上的数值，应添加千分号。

货币

货币应为阿拉伯数字，并在数字前写出货币符号，或在数字后写出货币中文名称。

$1,000
1,000 美元

英文的货币名称，建议参考国际标准 ISO 4217。

数值范围

表示数值范围时，用波浪线（～）或一字线（—）连接。参见《标点符号》一节的“连接号”部分。

带有单位或百分号时，两个数字建议都要加上单位或百分号。

132 kg～234 kg

67%～89%

变化程度的表示法

数字的增加要使用“增加了”、“增加到”。“了”表示增量，“到”表示定量。

增加到过去的两倍
（过去为一，现在为二）

增加了两倍
（过去为一，现在为三）

数字的减少要使用“降低了”、“降低到”。“了”表示增量，“到”表示定量。

降低到百分之八十
（定额是一百，现在是八十）

降低了百分之八十
（原来是一百，现在是二十）

不能用“降低 N 倍”或“减少 N 倍”的表示法，要用“降低百分之几”或“减少百分之几”。因为减少（或降低）一倍表示数值原来为一百，现在等于零。

标点符号

原则

（1）中文语句的标点符号，均应该采取全角符号，这样可以与全角文字保持视觉的一致。

（2）如果整句为英文，则该句使用英文/半角标点。

（3）句号、问号、叹号、逗号、顿号、分号和冒号不得出现在一行之首。

（4）点号（句号、逗号、顿号、分号、冒号）不得出现在标题的末尾，而标号（引号、括号、破折号、省略号、书名号、着重号、间隔号、叹号、问号）可以。

句号

（1）中文语句的结尾处应该用全角句号（。）。

（2）句子末尾用括号加注时，句号应在括号之外。

错误：关于文件的输出，请参照第 1.3 节（见第 26 页。）

正确：关于文件的输出，请参照第 1.3 节（见第 26 页）。

逗号

（1）逗号（，）表示句子内部的一般性停顿。

（2）注意避免“一逗到底”，即整个段落除了结尾，全部停顿都使用逗号。

顿号

（1）句子内部的并列词，应该用全角顿号(、) 分隔，而不用逗号，即使并列词是英语也是如此。

错误：我最欣赏的科技公司有 Google, Facebook, 腾讯, 阿里和百度等。

正确：我最欣赏的科技公司有 Google、Facebook、腾讯、阿里和百度等。

（2）英文句子中，并列词语之间使用半角逗号（,）分隔。

例句：Microsoft Office includes Word, Excel, PowerPoint, Outlook and other components.

（3）中文句子内部的并列词，最后一个尽量使用（和）来连接，使句子读起来更加连贯，下面两个句子都可以，第二个更优。

正确：我最欣赏的科技公司有 Google、Facebook、腾讯、阿里，以及百度等。

正确：我最欣赏的科技公司有 Google、Facebook、腾讯、阿里和百度等。

分号

（1）分号（；）表示复句内部并列分句之间的停顿。

引号

（1）引用时，应该使用全角双引号（“ ”），注意前后双引号不同。

例句：许多人都认为客户服务的核心是“友好”和“专业”。

（2）引号里面还要用引号时，外面一层用双引号，里面一层用单引号（‘ ’），注意前后单引号不同。

例句：鲍勃解释道：“我要放音乐，可萨利说，‘不行！’。”

括号

（1）补充说明时，使用全角圆括号（（）），括号前后不加空格。

例句：请确认所有的连接（电缆和接插件）均安装牢固。

（2）几种括号的中英文名称。

冒号

（1）全角冒号（：）常用在需要解释的词语后边，引出解释和说明。

例句：请确认以下几项内容：时间、地点、活动名称和来宾数量。

（2）表示时间时，应使用半角冒号（:）。

例句：早上 8:00

省略号

（1）省略号（⋯⋯）表示语句未完、或者语气的不连续。

（2）省略号占两个汉字空间、包含六个省略点，不要使用。。。或...等非标准形式。

（3）省略号不应与“等”这个词一起使用。

错误：我们为会餐准备了香蕉、苹果、梨…等各色水果。

正确：我们为会餐准备了各色水果，有香蕉、苹果、梨⋯⋯

正确：我们为会餐准备了香蕉、苹果、梨等各色水果。

感叹号

（1）应该使用平静的语气叙述，尽量避免使用感叹号（！）。

（2）不得多个感叹号连用，比如！！和!!!。

破折号

（1）破折号————一般用于进一步解释。

（2）破折号应占两个汉字的位置。如果破折号本身只占一个汉字的位置，那么前后应该留出一个半角空格。

例句：直觉————尽管它并不总是可靠的————告诉我，这事可能出了些问题。

例句：直觉 —— 尽管它并不总是可靠的 —— 告诉我，这事可能出了些问题。

连接号

（1）连接号用于连接两个类似的词。

（2）以下场合应该使用直线连接号（-），占一个半角字符的位置。

• 两个名词的复合
• 图表编号

例句：氧化-还原反应

例句：图 1-1

（3）数值范围（例如日期、时间或数字）应该使用波浪连接号（～）或一字号（—），占一个全角字符的位置。

例句：2009 年～2011 年

注意，波浪连接号前后两个值都建议加上单位。

（4）波浪连接号也可以用汉字“至”代替。

例句：周围温度：-20 °C 至 -10 °C

文档体系

结构

软件手册是一部完整的书，建议采用下面的结构。

• 简介（Introduction）：[必备] [文件] 提供对产品和文档本身的总体的、扼要的说明
• 快速上手（Getting Started）：[可选] [文件] 如何最快速地使用产品
• 入门篇（Basics）：[必备] [目录] 又称“使用篇”，提供初级的使用教程
  • 环境准备（Prerequisite）：[必备] [文件] 软件使用需要满足的前置条件
  • 安装（Installation）：[可选] [文件] 软件的安装方法
  • 设置（Configuration）：[必备] [文件] 软件的设置
• 进阶篇（Advanced）：[可选] [目录] 又称“开发篇”，提供中高级的开发教程
• API（Referenc）：[可选] [目录 or 文件] 软件 API 的逐一介绍
• FAQ：[可选] [文件] 常见问题解答
• 附录（Appendix）：[可选] [目录] 不属于教程本身、但对阅读教程有帮助的内容
  • Glossary：[可选] [文件] 名词解释
  • Recipes：[可选] [文件] 最佳实践
  • Troubleshooting：[可选] [文件] 故障处理
  • ChangeLog：[可选] [文件] 版本说明
  • Feedback：[可选] [文件] 反馈方式

下面是两个真实范例，可参考。

• Redux 手册
• Atom 手册

文件名

文档的文件名不得含有空格。

文件名必须使用半角字符，不得使用全角字符。这也意味着，中文不能用于文件名。

错误：名词解释.md

正确：glossary.md

文件名建议只使用小写字母，不使用大写字母。

错误：TroubleShooting.md

正确：troubleshooting.md

为了醒目，某些说明文件的文件名，可以使用大写字母，比如README、LICENSE。

文件名包含多个单词时，单词之间建议使用半角的连词线（-）分隔。

不佳：advanced_usage.md

正确：advanced-usage.md

参考链接

• 产品手册中文写作规范, by 华为
• 写作规范和格式规范, by DaoCloud
• 技术写作技巧在日汉翻译中的应用, by 刘方
• 简体中文规范指南, by lengoo
• 文档风格指南, by LeanCloud
• 豌豆荚文案风格指南, by 豌豆荚
• 中文文案排版指北, by sparanoid
• 中文排版需求, by W3C
• 为什么文件名要小写？, by 阮一峰
• Google Developer Documentation Style Guide, by Google
• 出版物上数字用法的规定（国家标准GBT15835－2011）
• GB 3100-1993 国际单位制及其应用

VSCode

VSCode配置备份：下载

PowerShell（需自行下载安装，系统自带 Windows PowerShell 配置会有无法预料的问题）

Ubuntu zsh (WSL)

PowerShell配置备份：下载
WindowsTerminal配置备份：下载

配置文件使用：

VSCode：按 Ctrl+Shift+P 打开命令输入框，输入 Import Profile 导入配置文件，选择所下载的配置文件导入。

PowerShell：Terminal 中输入 $PROFILE 查看 PowerShell 配置文件地址，将下载的配置文件复制到相应文件中保存（需先安装好配置文件中用到的软件，如：starship）。

WindowsTerminal：打开 终端 - 设置 - 打开JSON文件 将下载的配置文件中内容复制保存即可。

前端开发环境

常用软件

环境：
Windows11 x64 22H2
WinPcap-4.1.3
Wireshark-2.6.4
VirtualBox-5.2.26
eNSP V100R003C00SPC100

如果 eNSP 安装后，虚拟设备无法启动报错 错误代码：40

可打开 VirtualBox，启动eNSP安装时自动添加的 AR_Base 虚拟机，查看报错是否是：

Raw-mode is unavailable courtesy of Hyper-V. (VERR_SUPDRV_NO_RAW_MODE_HYPER_

如满足以上条件，解决方法如下：

• 问题发生原因：所安装 VirtualBox 版本与 Hyper-V 冲突，可使用以下命令检查 Hyper-V 是否开启

（系统附加功能 Hyper-V 没打勾不代表没有启用，如使用WSL但没在附加功能中手动开启，Hyper-V 也会是启用状态）

// bcdedit 检查 Hyper-V 是否已启用
// hypervisorlaunchtype 值代表其状态

$ bcdedit

• 解决方法：关闭 Hyper-V 后 VirtualBox 与 eNSP 均可正常使用

// 需使用管理员权限 shell 运行

// 关闭 Hyper-V
$ bcdedit /set hypervisorlaunchtype off

// 开启 Hyper-V
$ bcdedit /set hypervisorlaunchtype auto

screenFetch is a "Bash Screenshot Information Tool". This handy Bash script can be used to generate one of those nifty terminal theme information + ASCII distribution logos you see in everyone's screenshots nowadays. It will auto-detect your distribution and display an ASCII version of that distribution's logo and some valuable information to the right. There are options to specify no ASCII art, colors, taking a screenshot upon displaying info, and even customizing the screenshot command! This script is very easy to add to and can easily be extended.

htop

ifconfig

bundle exec jekyll serve

对于程序员来说，要提升自己的认知可以采取以下几种方式：

1. 练习：多写代码，多做题目。练习能帮助我们更好地理解和掌握知识点。

2. 阅读：阅读专业书籍、文章和技术博客，可以帮助我们了解最新的技术和工具。

3. 参加社区：参加线上或线下社区，和其他程序员交流和分享经验。

4. 多语言：学习不同的编程语言，能够增加我们的思维能力和技能。

5. 整合：结合不同的知识点，做到整体化学习，提高自己的认知能力。

6. 尝试新领域：程序员要敢于尝试新领域，增加自己的竞争力。

7. 练习思维：练习思维导图，猜想题等方式来提升思维能力。

总之，提升自己的认知是一个持久的过程，需要不断学习和努力。

   年轻人创业需要做哪些准备

如果你是一个年轻人想要创业，你需要做准备以下几点：

1. 了解市场：在你打算创业之前，首先要了解市场需求、竞争对手、行业趋势等。这些信息可以帮助你了解如何制定商业计划。

2. 获取资金：创业所需资金可能是一个挑战，因此你需要考虑融资、众筹等资金来源。

3. 制定商业计划：商业计划是创业的基础，它描述了你的商业理念、市场分析、财务预测等。

4. 招募团队：创业一般需要多人参与，因此你需要招募到合适的人才来共同实现你的目标。

5. 准备好承受风险：创业总是有风险的，因此你需要做好承受挫折和失败的准备。

6. 保持学习和不断改进：创业是一个不断学习和改进的过程，你需要不断学习新的知识和技能来适应市场的变化。

创业是一项充满挑战的任务，但如果你做好了准备，它也是一个非常有趣和充满潜力的过程。希望这些建议能帮助你成功创业。

   作为一个男生，如何提高自己的吸引力

作为一个男生，提高自己的吸引力可以通过以下几种方式：

1. 身体健康：保持良好的体魄可以增加自信心，同时也是展现自己魅力的重要因素。

2. 形象气质：注意自己的着装和仪表，展现出自己的穿着品味和气质。

3. 性格魅力：展现自己的性格魅力和个性，让女性感到有趣和吸引。

4. 智慧才智：展现自己的智慧和才智，让女性感到有信心和安全感。

5. 人际交往：培养良好的人际关系和交往能力，让女性感到舒适和温馨。

最重要的是，要保持真诚和诚实，展现自己的真实面相。

   如何获得异性的主动追求

要获得异性的主动追求，可以尝试以下几种方法：

1. 增强魅力: 通过保持健康的生活方式、调整自己的形象和个性来增强自己的魅力。

2. 展现自己的优点: 展现自己的优点，如智慧、勇气、激情等，可以吸引异性的注意。

3. 保持积极的态度: 保持积极的态度，对周围的人和事充满热情，这样可以吸引异性的关注。

4. 提高社交能力: 提高社交能力，学会和周围的人建立良好的关系，这样可以让异性觉得自己有魅力。

5. 发挥自己的长处: 发挥自己的长处，找到自己的特长，并在这方面展现自己，这样可以吸引异性的关注。

获得异性的主动追求并不是一件简单的事，需要不断努力和改进。最重要的是要认识到每个人都是独特的，不要担心自己的不足，发挥自己的长处。

scp 是 secure copy 的缩写，相当于 cp 命令 + SSH。它的底层是 SSH 协议，默认端口是 22，相当于先使用 ssh 命令登录远程主机，然后再执行拷贝操作。

scp 主要用于以下三种复制操作。

本地复制到远程。 远程复制到本地。 两个远程系统之间的复制。 使用 scp 传输数据时，文件和密码都是加密的，不会泄漏敏感信息。

1. 上传本地文件至服务器

scp /path/filename username@servername:/path #（远程目标目录，必须存在且有读写权限）

2. 上传本地目录至服务器

scp -r local_dir username@servername:remote_dir

# 上传或下载的目标为目录，需要加 -r scp 会进行递归

3. 从服务器上下载文件

scp username@servername:/path/filename /Users/mac/Desktop #（本地目标目录）

4. 从服务器上下载目录

scp -r username@servername:/root/ /Users/mac/Desktop #（本地目标目录）

SOME TIPS: ( Ubuntu Server 20.04 LTS 64bit )

出现 Permission denied, please try again 的错误

• 远程端修改 sshd_config 文件

sudo vim /etc/ssh/sshd_config

# 注释掉 PermitRootLogin prohibit-password
# 添加 PermitRootLogin yes

• 重启 ssh 服务

sudo /etc/init.d/ssh restart

• 如果提示权限问题，可根据是上传还是下载，更改相应路径权限

sudo chmod 777 /path

# path 更改为更改为对应操作路径

官方文档：https://git-scm.com/docs

阮一峰整理：https://www.ruanyifeng.com/blog/2015/12/git-cheat-sheet.html

全部命令： https://git-scm.com/docs/git#_git_commands

GitHub Cheat Sheet：https://training.github.com/

创建仓库

创建仓库有多种方式，可以直接复制一个已经创建好的仓库的全部文件，git 即刻可用；可以从 github 等远程仓库 clone，克隆的项目 git 也是就绪的；可以使用git init初始化本地 git 仓库。

$ git init

将所在目录初始化为一个 git 仓库

$ git init [project-name]

新建一个目录，将其初始化为 Git 仓库

$ git remote add origin [url]

链接本地仓库与远程仓库

$ git clone [url]

Clone（下载）一个已存在于的仓库和它的整个代码历史

Git配置

Git的设置文件为 .gitconfig，它可以在用户主目录下（全局配置），也可以在项目目录下（项目配置）

$ git config --list

显示当前的 Git 配置

$ git config --global user.name "[name]"

对你的 commit 操作设置关联的用户名

$ git config --global user.email "[email address]"

对你的 commit 操作设置关联的邮箱地址

$ git config --global color.ui auto

启用有帮助的彩色命令行输出

分支

$ git branch

列出所有本地分支

$ git branch -r

列出所有远程分支

$ git branch -a

列出所有本地分支和远程分支

$ git branch [branch-name]

创建分支（但依然停留在当前分支）

$ git checkout -b [branch]

新建一个分支，并切换到该分支

$ git checkout [branch-name]

切换到指定分支，并更新工作区

$ git switch -c [branch-name]

切换到指定分支并更新工作目录 （working directory）（>git 2.23）

$ git checkout -

切换到上一个分支

$ git merge [branch]

将指定分支的历史合并到当前分支。这通常在拉取请求(PR)中完成，但也是一个重要的 Git 操作。

$ git cherry-pick [commit]

选择一个 commit，合并进当前分支

$ git branch -d [branch-name]

删除指定分支

$ git push origin --delete [branch-name]

$ git branch -dr [remote/branch]

删除远程分支

增加/删除文件

$ git add [file1] [file2] ...

添加指定文件到暂存区

$ git add [dir]

添加指定目录到暂存区，包括目录下所有子目录及文件

$ git add .

添加当前目录的所有文件到暂存区

$ git add -p

添加每个变化前，都会要求确认；对于同一个文件的多处变化，可以实现分次提交（细颗粒度的控制）

$ git rm [file1] [file2] ...

删除工作区文件，并且将这次删除放入暂存区

$ git rm --cached [file]

停止追踪指定文件，但该文件会保留在工作区

$ git mv [file-original] [file-renamed]

改名文件，并且将这个改名放入暂存区

代码提交

$ git commit -m [message]

提交暂存区到仓库区

$ git commit [file1] [file2] ... -m [message]

提交暂存区的指定文件到仓库区

$ git commit -a

提交工作区自上次 commit 之后的变化，直接到仓库区

$ git commit -v

提交时显示所有 diff 信息

$ git commit --amend -m [message]

使用一次新的 commit，替代上一次提交 如果代码没有任何新变化，则用来改写上一次 commit 的提交信息

$ git commit --amend [file1] [file2] ...

重做上一次 commit，并包括指定文件的新变化

远程同步

$ git fetch [remote]

下载远程仓库的所有变动

$ git remote -v

显示所有远程仓库

$ git remote show [remote]

显示某个远程仓库的信息

$ git remote add [shortname] [url]

增加一个新的远程仓库，并命名

$ git pull [remote] [branch]

取回远程仓库的变化，并与本地分支合并

$ git push [remote] [branch]

上传本地指定分支到远程仓库

$ git push [remote] --force

强行推送当前分支到远程仓库，即使有冲突

$ git push [remote] --all

推送所有分支到远程仓库

$ git push --set-upstream origin my-branch

将本地创建的分支推送到远程仓库

撤销

$ git checkout [file]

恢复暂存区的指定文件到工作区（撤销对 file 文件的修改）

$ git checkout [commit] [file]

恢复某个 commit 的指定文件到暂存区和工作区

$ git checkout .

恢复暂存区的所有文件到工作区

$ git reset [file]

重置暂存区的指定文件，与上一次 commit 保持一致，但工作区不变

$ git reset --hard

重置暂存区与工作区，与上一次 commit 保持一致

$ git reset [commit]

重置当前分支的指针为指定 commit，同时重置暂存区，但工作区不变

$ git reset --hard [commit]

重置当前分支的 HEAD 为指定 commit，同时重置暂存区和工作区，与指定 commit 一致

$ git reset --keep [commit]

重置当前 HEAD 为指定 commit，但保持暂存区和工作区不变

$ git revert [commit]

新建一个 commit，用来撤销指定 commit 后者的所有变化都将被前者抵消，并且应用到当前分支

$ git stash

$ git stash pop

暂时将未提交的变化移除，稍后再移入

$ git reset HEAD^

上次提交内容会被保存到工作目录

$ git reset --hard HEAD^

上次提交内容会被直接丢弃

标签

$ git tag

列出所有 tag

$ git tag [tag]

新建一个 tag 在当前 commit

$ git tag [tag] [commit]

新建一个 tag 在指定 commit

$ git tag -d [tag]

删除本地 tag

$ git push origin :refs/tags/[tagName]

删除远程 tag

$ git show [tag]

查看 tag 信息

$ git push [remote] [tag]

提交指定 tag

$ git push [remote] --tags

提交所有 tag

$ git checkout -b [branch] [tag]

新建一个分支，指向某个 tag

查看信息

$ git status

显示有变更的文件

$ git log

显示当前分支的版本历史

$ git log --stat

显示 commit 历史，以及每次 commit 发生变更的文件

$ git log -S [keyword]

搜索提交历史，根据关键词

$ git log [tag] HEAD --pretty=format:%s

显示某个 commit 之后的所有变动，每个 commit 占据一行

$ git log [tag] HEAD --grep feature

显示某个 commit 之后的所有变动，其"提交说明"必须符合搜索条件

$ git log --follow [file]

$ git whatchanged [file]

显示某个文件的版本历史，包括文件改名

$ git log -p [file]

显示指定文件相关的每一次 diff

$ git log -5 --pretty --oneline

显示过去 5 次提交

$ git shortlog -sn

显示所有提交过的用户，按提交次数排序

$ git blame [file]

显示指定文件是什么人在什么时间修改过

$ git diff

显示暂存区和工作区的差异

$ git diff --cached [file]

显示暂存区和上一个 commit 的差异

$ git diff HEAD

显示工作区与当前分支最新 commit 之间的差异

$ git diff [first-branch]...[second-branch]

显示两次提交之间的差异

$ git diff --shortstat "@{0 day ago}"

显示今天你写了多少行代码

$ git show [commit]

显示某次提交的元数据和内容变化

$ git show --name-only [commit]

显示某次提交发生变化的文件

$ git show [commit]:[filename]

显示某次提交时，某个文件的内容

$ git reflog

显示当前分支的最近几次提交

命令行中图形化显示提交日志

$ git log --graph --oneline

图形化显示当前分支的提交日志

$ git log --graph --patch

图形化显示当前分支的提交日志及每次提交的变更内容

$ git log --graph --oneline --all

图形化显示所有分支的提交日志

$ git log --graph --patch --all

图形化显示所有分支的提交日志及每次提交的变更内容

Git diff

$ git diff

比较当前工作区和 Git 的 staging area 里内容的区别

$ git diff --staged

比较 Git 的 staging area 和当前分支指向内容的区别

$ git diff <commit> <commit>

比较任意两次提交指向内容的区别

git checkout 和 git switch 的区别

是这样的，git checkout 是用于创建和切换分支的旧命令。它还可以用于恢复来自某个提交的修改。但是 git checkout 能做的不仅仅是这些，它还可以让你从任何分支复制文件或直接提交到当前工作区中，而无需切换分支。

实际上，git checkout 做了三件事情：

1）切换分支；

2）从暂存区复制文件到工作区（放弃当前修改）；

3）从其他区复制文件到工作区；

如果你不明白，那没关系，只需要记住：git checkout 能做的不仅仅是分支的切换，还有很多其他额外的功能，而这些额外的功能，增加了 git checkout 这个命令的复杂性。

因此，从 git 2.23 版本发布以后，引入了两个新的命令：git switch 和 git restore。

这样做的目的，是为了让人们使用 git switch 来切换分支，使用 git restore 来撤销本地修改。与此同时，git checkout 仍然被保存，用于提供更高级的选项来处理各种更加复杂的操作。

如果是切换分支，请使用 git switch 命令而不是 git checkout。为什么？因为它就是为这个特定任务创建的。对于新的 git 用户，更容易记住 git switch 用于切换分支，git restore 用于恢复修改。

因此，对于切换和创建分支这个操作来说，使用 git switch 命令替代 git checkout 是被提倡的做法。

git 修改 .gitignore 文件 不生效

原因是 .gitignore 只能忽略那些原来没有被 track 的文件，如果某些文件已经被纳入了版本管理中，则修改 .gitignore 是无效的。那么解决方法就是先把本地缓存删除（改变成未 track 状态），然后再提交：

git rm -r --cached .
git add .
git commit -m 'update .gitignore'

停止追踪某文件，重点命令

$ git rm —cached -r [file]

停止追踪指定文件，但该文件会保留在工作区

commit 之后 git 自动将 lf 转换成 crlf，导致行末 eslint 飘黄

修改 git 全局配置，禁止 git 自动将 lf 转换成 crlf

git config --global core.autocrlf false

而最近大火的《隐入尘烟》则不同，海清的死，带走了马有铁的一切，他已无睁眼看到明天的欲望，最后他选择了结束自己，去另一个世界寻找自己唯一的爱人。

读完其实很茫然，想到的很多，又都不知道怎么描述。

每次读到有庆喂羊的片段，不知道问什么眼眶就湿了，我想起了小时候精心喂养的三只小猫，自己有好吃的也要分一半给他们吃，当其中两只被驱虫药毒死的那天，我现在脑海中还有那个画面。我知道他们死了，就再也回不来了，就像昨天的明月只属于昨天，就算下月十五的月亮再圆，那也不是这个月的，那不是我曾经深爱的那个。曾经有人告诉我，人的善良是不好的，导致不幸，此种说法亦真亦假，那孔夫子的“人之初，性本善”是谓何？但是想想有庆，他是善良的，亦是不幸的，他善良的对待万物，奔波割草喂羊，体贴父母种地，献血赚钱却送命。

活着就是活着，我想不到任何的词汇去描述

曾经的一位同事，上有九十老母，下有刚考上博士的儿子，本是顺利的剧本，可不幸总是会自己找上门。儿子失足落湖身亡，计划生育其只养育了一子，活着对于她来说又意味着什么？可人时间的苦难到底什么时候才有尽头，春生死后，富贵只剩下苦根了，可苦根偏偏撑死了也离自己而去了。

我小时候喂养的小狗，在我家生活了十四年有余，上个月老死了。我为他高兴，不用再受冬日的刺骨寒风，不用再受夏日的炎炎烈日。狗的平均年龄八岁，可能他太留恋这世间了吧，所以才活了这么久。

此刻我混乱的脑子注定写不出什么华丽的词藻，读来读去，思来想去，富贵的活着，可能还是在留恋心中的那份想念，只有活着才能想想家珍，想想凤霞，想想有庆，死了哪些美好的过往片段便想也没法想了。而马有铁的死，也不足为奇，他在世间已无任何挂念，只有去找海清。可能确实是这样吧，世间的牵挂，延续着每一个人的生命。 活着就是活着，二十几岁的我想不通，也不必想通，万一脑袋过载了，岂不是得被强行放入存储区，就不就完犊子了。

此项目目的为巩固纯JS相关基础 amiibowiki

function handleArr(arr) {
    arr[0] = arr[2]
}
function foo(a, b, c) {
    c = 10
    handleArr(arguments)
    return a + b + c
}
foo(2, 2, 2)
// 得到结果：22

• 在 JS 中函数参数变量和 arguments 是双向绑定的，改变参数变量 arguments 中的值会立即改变，改变 arguments 的值，参数变量也会响应改变。

拓展：

• arguments并不是一个真正的数组，而是一个类数组对象，意味着 arguments 有长度属性并且属性的索引是从零开始的，但是它除了 length 属性和索引元素之外没有任何 Array 属性，例如 forEach() 方法和 map() 方法都是没有的。

• arguments 对象是所有（非箭头）函数中都可用的局部变量。你可以使用 arguments 对象在函数中引用函数的参数。此对象包含传递给函数的每个参数，第一个参数在索引 0 处。

• 如果调用的参数多于正式声明接受的参数，则可以使用 arguments 对象。这种技术对于可以传递可变数量的参数的函数很有用。使用 arguments.length 来确定传递给函数参数的个数，然后使用 arguments 对象来处理每个参数。

• 可以使用 Array.from() 方法或扩展运算符将参数转换为真实数组

  var args = Array.from(arguments);
  var args = [...arguments];

• 相关属性

  • arguments.callee 指向参数所属的当前执行的函数。
  • arguments.length 传递给函数的参数数量。
  • arguments[@@iterator] 返回一个新的 Array 迭代器 对象，该对象包含参数中每个索引的值。

• 当非严格模式中的函数有包含剩余参数、默认参数和解构赋值，那么 arguments 对象中的值不会跟踪参数的值（反之亦然）。

function func(a = 55) {
  arguments[0] = 99; // updating arguments[0] does not also update a
  console.log(a);
}
func(10); // 10

OpenWrt是适合于嵌入式设备的一个Linux发行版。

相对原厂固件而言，OpenWrt 不是一个单一、静态的固件，而是提供了一个可添加软件包的可写的文件系统。这使使用者可以自由的选择应用程序和配置，而不必受设备提供商的限制，并且可以使用一些适合某方面应用的软件包来定制你的设备。对于开发者来说，OpenWrt 是一个框架，开发者不必麻烦地构建整个固件就能得到想要的应用程序；对于使用者来说，这意味着完全定制的能力，与以往不同的方式使用设备，OPKG包含超过3500个软件。 默认使用LuCI作为web交互界面。

OpenWrt 另有一个复刻分支项目，名为 LEDE，两者于2018年1月合并，合并后的项目使用 OpenWrt 的名字、LEDE 的源代码。 （来自维基百科）

2.工具准备

1. 硬件：路由本体一台（可以用废旧电脑，笔记本等X86设备本文以2个以上网口设备为例进行配置），U盘一个（>4G），计算机一台（Windows、mac、Linux 均可），网络畅通（具有国际网络环境访问条件更佳）。
2. 软件：
   • balenaEtcher

3.固件下载

1. 官方固件： OpenWrt 21.02.3
2. koolshare Lede X64：koolshare Lede X64
3. eSir 精品小包： Lean Code x86_64 Firmware

上方推荐的三个固件中：

1. 官方固件最为纯净

2. koolshare Lede 为 koolshare 论坛基于 OpenWrt 开源代码定制编译而来，集成了酷软商店有丰富的软件可一键下载安装，功能强大。

3. Lean Code x86_64 Firmware by eSir：此固件为 YouTuber eSir 基于Lean Code源码编译而来，集成了常用的软件，功能强大。本文以eSir固件为例示范安装。

4.制作启动U盘

将下载的文件解压，推荐使用 gzip 进行解压

gzip -d openwrt-spp-spring[2022]-x86-64-generic-squashfs-uefi.img.gz

安装并打开下载好的 balenaEtcher，将上一步解压出的img文件写入U盘。（注意：U盘数据会被清空）

5.安装并配置

自行搜索自己设备进入 BIOS 的方法，重启软路由设备进入 BIOS，更改U盘为第一引导项并重启。

看到屏幕有如下所示信息，OpenWrt 系统已经安装完成。

使用网线将软路由与任意一台电脑网口连接，访问192.168.5.1，输入默认密码 password 进入配置界面。（如果无法进入路由配置界面，尝试更换软路由网口后重试）

成功进入软路由后台后，使用网线连接软路由与光猫，点击 网络-接口 选项配置网络。

1. 光猫为桥接模式 PPPoE 拨号网络：点击 网络-接口-WAN-修改-协议-PPPoE 填入宽带拨号账号密码即可。

2. 光猫为路由模式：安装后无需额外配置，保持默认即可。

6.后记

OpenWrt 开放且功能强大，拥有海量的用户及第三方插件，大胆去探索更多功能吧。

在 HTML 中原生 table 表头若是用 thead 写，那打印时会自动优化将每页纸都加上表头，排查发现，element-ui 的表格组件为了实现表头浮动，将表头和表格内容部分分别放在两个 table 里且包在了两个 div 里，致使打印时无法自动为后续页添加表头

解决思路

通过在打印时将原本的 thead 结构隐藏，并复制一份与 tbody 放在同一个 table 中，即可实现目标功能

复制结构：

/*
index.vue
el-table标签 ref="mytable"
*/
<script>
export default{
// ...
  mounted() {
    this.$nextTick(() => { 
      let thead = this.$refs.mytable.$el.querySelector('.el-table__header-wrapper thead')
      let theadNew = thead.cloneNode(true)
      this.$refs.mytable.$el.querySelector('.el-table__body-wrapper table').appendChild(theadNew)
    })
  }
// ...
}
</script>

设置打印时 css 规则：

.el-table >>> .el-table__body-wrapper table thead{
  display: none;
 }
@media print {
  .el-table >>> .el-table__header-wrapper{
    display: none;
  }
 .el-table >>> .el-table__body-wrapper table thead{
  display: table-header-group;
  }
}

优化

项目中用到的地方少的话可以在组件中直接书写，若广泛使用，可封装为组件，方便维护

/* el-table-p.vue */
<script>
import {Table} from 'element-ui'
export default{
  extends: Table,
  mounted() {
    this.$nextTick(() => { 
      let thead = this.$el.querySelector('.el-table__header-wrapper thead')
      let theadNew = thead.cloneNode(true)
      this.$el.querySelector('.el-table__body-wrapper table').appendChild(theadNew)
    })
  }
}
</script>
<style scoped>
.el-table >>> .el-table__body-wrapper table thead{
  display: none;
 }
@media print {
  .el-table >>> .el-table__header-wrapper{
    display: none;
  }
 .el-table >>> .el-table__body-wrapper table thead{
  display: table-header-group;
  }
}
</style>

注册为全局组件：

/* main.js */
import ElTableP from './components/el-table-p.vue'
Vue.component('el-table-p', ElTableP)

使用 table 时使用自定义的组件快速方便满足需求:

<!--index.js=>template-->
  <el-table-p
    :data="tableData"
    ref="mytable"
    style="width: 800px; margin:0px auto">
    <el-table-column
      prop="date"
      label="日期"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址">
    </el-table-column>
  </el-table-p>

实现了每页打印都有表头的效果

PA 系统

PA的定义：所谓的PA从不同专业层面理解有所不同，Professional Audio或Public Adress，也就是公共广播，PA的要求就是用高效率音响传达讯息给听众，所管的只是声音有传递出去，有被听众所接受到，至于好不好听就没有特别要求了。

要有好听的声音，因此出现了分音路高音质高效率的扬声器，让演唱会的声音可以更清楚且不失真的传到听众耳朵。

再来就是监听系统的诞生，在以前是没有监听系统的，所以乐手很难听到自己的声音，而监听系统的出现等于给了在台上表演的乐手另一对耳朵，让他们可以清楚地听到自己的声音。

早期的音响没有SR，因此演唱会上的音控师做的工作比较像是SR而不是PA（Public Adress），因为他们是要把好听的声音传递给听众，而不是单纯的把声音大声地播放出来而已。而表演当中P.A.人员却对这些并非从头到尾一直存在的声音浑然不觉缺乏敏感，也都可能大大影响到整体演出的水平。

随着时代潮流与科技的进步发现了以往的PA系统已经不符合听众高层次的需求了，因此才有SR强化声音的角色出现，SR的要求就不是单纯的把声音传递出去了，但可能是因为SR的观念比较少人知道。

除了让每个正在演奏中的乐器都尽可能能够被清晰听见在走什么旋律声线之外，每个段落该特别强调什么乐器的表现，哪一小节轮到谁站到前排Solo，她的声音就刚好适时地被推出来，这就已经需要先有一定程度的熟悉了。

光是在舞台上送到乐手耳中的监听喇叭中，每个乐手彼此要求需要听到哪些乐器音量的不同比例，就可能直接影响到乐团在台上会不会因为听不清楚某些声音而导致掉拍或走音的重大失误了。而台下会众所听到的声音，都是音控台将领会者、演唱者、贝司、爵士鼓、钢琴的声音讯号都以最适当的比例，传送到所有会众。

https://www.sohu.com/a/337233846_99991918

• “迷你线阵”：RunningMan SRM Flex 评测

• 揭开模块合成器神秘面纱！每个人都可以玩的 Reaktor 6.3 ！

• Radial 各系产品使用指南【移动设备篇】

• 实用的现场演出拾音技巧

• 比悲伤更悲伤的事，就是不知道怎么选DI盒

• 怡生好产品全面助力 2020 Hello崇礼·太舞·迷笛音乐季 Ι sE麦克风篇

• A类业余无线电台允许发射的发射频率为：30-3000MHz范围内的各业余业务和卫星业余业务频段
• 申请设置业余无线电台应当具备的条件有：熟悉无线电管理规定、具备国家规定的操作技术能力、发射设备符合国家技术标准、法律和行政法规规定的其他条件
• 按照《业余电台管理办法》规定，申请设置使用配备有多台业余无线电发射设备的业余无线电台，应该：视为一个业余电台，指配一个电台呼号，但所有设备均应经过核定并将参数载入电台执照
• 个人申请设置业余无线电台应当提交的书面材料为：两种表格，身份证和操作证书的原件、复印件
• 设置在省、自治区、直辖市范围内通信的业余无线电台，审批机构为：设台地的地方无线电管理机构
• 业余无线电台执照有效期届满后需要继续使用的，应当在下列期限内向核发执照的无线电管理机构申请办理延续手续：有效期届满一个月前
• 业余无线电台使用的发射设备必须符合下列条件：商品设备应当具备《无线电发射设备型号核准证》，自制、改装、拼装设备应通过国家相关技术标准的检测
• 对业余无线电台专用无线电发射设备进行型号核准的依据为：国家《无线电频率划分规定》中有关无线电发射设备技术指标的规定
• 频率容限是发射设备的重要指标，通常用下述单位来表示：百万分之几（或者赫兹）
• 杂散域发射功率是发射设备的重要指标，通常用下述单位来表示：绝对功率dBm、低于载波发射功率的分贝值dBc、低于PEP发射功率的相对值dB
• 辐射（radiation）是指任何源的能量流以无线电波的形式向外发出。正确的说法是：闪电产生的电磁波干扰是一种辐射
• 业余无线电专用发射设备必须满足的主要技术指标要求包括：频率容限和杂散辐射不超过限值，发射频率不超出国家规定的业余频率
• 业余无线电台在业余业务、卫星业余业务作为次要业务使用的频率或者与其他主要业务共同使用的频率上发射操作时，应当注意：遵守无线电管理机构对该频率的使用规定
• 在无线电管理中，由国家将某个特定的频带列入频率划分表，规定该频带可在指定的条件下供业余业余业务或者卫星业余业务使用，这个过程称为：划分
• 在无线电管理中，将无线电频率或频道规定由一个或多个部门，在指定的区域内供地面或空间无线电通信业务在指定条件下使用，这个过程称为：分配
• 在无线电管理中，将无线电频率或频道批准给具体的业余无线电台在规定条件下使用，这个过程称为：指配
• VHF段的频率范围是多少？30到300MHz
• UHF段的频率范围是多少？300到3000MHz
• HF段的频率范围是多少？3到30MHz
• 我国分配给业余业务和卫星业余业务专用的频段有：7MHz、14MHz、21MHz、28MHz、47GHz频段
• 我国分配给业余业务和卫星业余业务与其他业务共用、并且业余业务和卫星业余业务作为主要业务的VHF和UHF频段有：50MHz、144MHz
• 我国分配给业余业务和卫星业余业务与其他业务共用、并且业余业务和卫星业余业务作为唯一主要业务的频段的个数以及在3GHz以下的该类频段分别为：3个，144-146MHz
• 我国分配给业余业务和卫星业余业务与其他业务共用、并且业余业务和卫星业余业务作为次要业务的1200MHz以下频段有：135.7kHz、10.1MHz、430MHz
• 俗称的6米业余波段的频率范围以及业余业务和卫星业余业务的使用状态分别为：50-54MHz，主要业务
• 俗称的2米业余波段的频率范围以及我国业余业务和卫星业余业务的使用状态分别为：144-148MHz；其中144-146MHz为唯一主要业务，146-148MHz为与其他业务共同作为主要业务
• 俗称的0.7米业余波段的频率范围以及业余业务和卫星业余业务的使用状态分别为：430-440MHz，次要业务
• 在我国和多数其他国家的频率分配中，业余业务在430-440MHz频段中作为次要业务与其他业务共用。这个频段中我国分配的主要业务是：无线电定位和航空无线电导航
• VHF业余无线电台在144MHz频段进行本地联络时应避免占用的频率为：144-144.035MHz和145.8-146MHz
• UHF业余无线电台在430MHz频段进行本地联络时应避免占用的频率为：431.9-432.240MHz和435-438MHz
• 430MHz业余频段中留给业余卫星通信使用，话音及其他通信方式不应占用的频率段为：435MHz至438MHz
• 144MHz业余频段中留给业余卫星通信使用，话音及其他通信方式不应占用的频率段为：145.8MHz至146MHz
• 业余电台通信受到违法电台或者不明电台的有害干扰。正确的做法是：不予理睬，收集有关信息并向无线电管理机构举报
• 填写和邮寄QSL卡片时的正确做法有：迫切需要方卡回寄卡片时，应直接向对方地址邮寄卡片并附加SASE
• 对擅自设置、使用业余无线电台的单位或个人，国家无线电管理机构或者地方无线电管理机构可以根据其具体情况给予下列处罚：警告、查封或者没收设备、没收非法所得；情节严重的，可以并处一千元以上，五千元以下的罚款
• 超出核定范围使用频率或者有其他违反频率管理有关规定的行为的，无线电管理机构可以根据其具体情况给予设置业余无线电台的单位或个人下列处罚：责令限期改正，可以处警告或者三万元以下的罚款
• 询问“有人使用频率吗”？确认没有应答方能发起呼叫。下列英语短句中不能正确表达这一询问的是：Calling you, Roger？
• 业余电台之间进行通信，必须相互正确发送和接收的信息为：本台呼号、对方呼号、信号报告
• “谁在呼叫我”的业余无线电通信Q简语为：QRZ?
• 我的电台位置是××××”的业余无线电通信Q简语为：QTH
• ……，国家无线电管理机构或者地方无线电管理机构可以根据其具体情况给予设置业余无线电台的单位或个人下列处罚：警告、查封或者没收设备、没收非法所得；情节严重的，可以并处一千元以上，五千元以下的罚款；（出现三万元时）选三万元。
• 业余电台违反无线电管制命令和无线电管制指令的，可以依法规受到下列处罚： 责令改正；拒不改正的，关闭、查封、暂扣或者拆除相关设备；情节严重的，吊销电台执照；违反治安管理规定的，由公安机关处罚
• 业余无线电常用缩语“ARDF”的意思是：业余无线电测向
• 业余无线电通信常用缩语“OM”的意思是：老朋友
• “电台设备”的业余无线电通信常用缩语是：RIG
• 收信机”的业余无线电通信常用缩语是：RCVR，RX
• 发信机”的业余无线电通信常用缩语是：TX、XMTR
• 收发信机”的业余无线电通信常用缩语是：XCVR
• 业余无线电通信常用缩语“WX”的意思是：天气
• 业余无线电通信常用缩语“73”的意思是：向对方的致意、美好的祝愿
• 业余无线电通信中常用的天线种类的缩写DP代表：偶极天线
• 业余无线电通信中常用的天线种类的缩写GP代表：垂直接地天线
• 业余无线电通信中常用的天线种类的缩写BEAM代表：定向天线
• 业余无线电通信中常用的天线种类的缩写YAGI代表：八木天线
• 业余无线电通信中常用的天线种类的缩写VER代表：垂直天线
• 我国所属的“CQ分区”有：23,24,27
• ITU分区”是IARU的活动计算通信成绩的基础。我国所属的“ITU分区”有：33、42、43、44、50（最长的）
• 业余无线电通信常用的梅登海德网格定位系统网格名称的格式为：2个字母和2位数字、2个字母和2位数字再加2个字母
• 5W可以表示为：37dBm
• 0.25W可以表示为：54dBμ
• 0.4kW可以表示为：86dBμ
• 电阻元件的“额定功率”参数是指：该元件正常工作时所能承受的最大功率
• 用通常的调频方式进行话音通信，必要带宽约为：6.25kHz
• 可以组成完整无线电接收系统的功能部件组合是：接收天线、解调器、输出部件
• 可以组成完整无线电发信系统的功能部件组合是：射频振荡器、调制器、发射天线
• 在整个频谱内具有连续的均匀频率分量的信号是：单个无限窄脉冲
• 包含多个频率分量的信号通过滤波器会发生下列现象：频率失真
• 下列几种图表中，最容易用来表达和解释模拟FM调制原理的是：频谱图
• 对于给定的FM发射设备，决定其射频输出信号实际占用带宽的因素是：所传输信号的最高频率越高、幅度越大，射频输出占用带宽越宽
• 无线电发射机的效率是指：输出到天线系统的信号功率与发射机所消耗的电源功率之比
• 静噪灵敏度是指：能够使静噪电路退出静噪状态的射频信号最小输入电平
• 衰减是指信号通过信道或电路后功率减少，衰落是指信号通过信道或电路后发生幅度随时间而起伏
• 无线电发信机在无调制情况下，在一个射频周期内供给天线馈线的平均功率称为：载波功率
• 调频发射机在发射的语音信号上附加一个人耳听不到的低频音频，用来打开接收机的静噪。这一技术的常用名词是：CTCSS
• 下列哪一项决定了FM信号的频偏？取决于被调制信号的幅度
• 下列哪一项术语表述了接收机区分不同信号的能力？选择性
• 以下哪种语音调制常被用于长距离弱信号的VHF或UHF联络？SSB
• 在给业余收发信机供电的整流电源中，开关电源可以做得比变压器直接降压整流的线性电源轻巧是因为：开关电源中变压器的工作频率高得多，可以缩小磁性材料截面和减少线圈匝数
• 由半波长偶极天线和馈电电缆构成的天馈系统，理想的工作状态是：天线上只有驻波，馈线上只有行波
• 在零仰角附近具有主辐射瓣的垂直接地天线，其振子的长度应为：1/4波长的奇数倍
• 在为业余电台选购射频电缆作为天线馈线时，最重要的两项电气参数是：特性阻抗和工作频率下单位长度的传输功率损耗
• 通常把垂直偶极天线或者垂直接地天线称为“全向天线”，是因为：它们在水平方向没有指向性，但在立体空间有方向性
• 振子电气长度为1/4波长的垂直接地天线的最大辐射方向为：在水平方向没有指向性，在垂直方向指向水平面
• 垂直接地天线（GP）的构造为电气长度为1/4波长的垂直振子加一个“接地”反射体，因其简单而被大量应用于手持和车载业余电台，但这种天线的实际工作情况往往与理论值相差较大，尤其在频率较低的频段。最常见的原因和改善办法是：缺乏有效的接地反射体。GP天线必须有足够大的接地反射体来形成振子镜像，否则谐振频率和阻抗都将与理论值有显著偏差，应尽量用大面积金属体与天线的接地端直接连接（选最长的）
• 增益指标以dBi为单位。其意义为：“相对于无方向性点源天线的增益”（理想点源天线）
• 增益指标以dBd为单位。其意义为：“相对于半波长偶极子天线的增益”
• 增益指标以dB为单位。其意义为：没有说清楚计算增益所采用的比较基准，缺乏实际意义
• 两款VHF垂直全向天线，用作发射。甲天线增益4.5dBd，乙天线增益为5.85dBi。它们在远处某接收天线中形成的信号功率差为：甲信号比乙信号强0.8dB
• 两款VHF垂直全向天线，用作发射。甲天线增益2.9dBd，乙天线增益为5.85dBi。它们在远处某接收天线中形成的信号功率差为：乙信号比甲信号强0.8dB
• 在业余无线电通信中，“驻波比”通常用来衡量：负载与传输线的匹配质量
• 天线与馈线完美匹配时，在驻波表中显示的驻波比是？1:1
• 和固体电介质同轴电缆相比，空气电介质同轴电缆的劣势是什么？空气电介质电缆要采取特别的手段来防止水分进入电缆
• 下列关于直立天线的陈述，哪一项是正确的？该天线发射的电磁波电场垂直于地面
• 就大多数手持电台随机附送的“橡皮天线”来说，它的劣势是什么？相对于全尺寸天线，它的发射和接收效率较低
• 天线的增益是什么意思？相对于参考天线，在某一方向上信号强度的增加
• 业余无线电普遍使用的同轴电缆的特性阻抗是？50欧姆
• 为什么同轴电缆在业余无线电界的使用相对于其他馈线来说更多？因为它使用方便，与周围环境之间的相互影响小
• 通过同轴电缆的信号频率越高，通常产生什么影响？损耗越高
• 对于400MHz以上的信号，通常会使用的同轴电缆连接器是：N型连接器
• 下列馈线中，哪一种在VHF和UHF频段的损耗最小？空气介质同轴硬电缆
• 常用业余频段的电波在同轴电缆中的传播速度大约是：真空波速的0.65倍
• 无线电波在自由空间中的传播路径损耗遵循下列规律：与距离的平方成正比，与频率的平方成正比（两个平方）
• 地波是沿地面传播的无线电波，其衰减因子取决于：电波频率、地面导电率和传播距离（地面导电率）
• 决定超短波视距传播距离极限的主要因素是：发射天线和接收天线离地面的相对高度值
• 多径传播对UHF波段或VHF波段数据通信的影响是：可能使误码率增大
• 如果你收到了一个从上千公里以外的距离传播过来的VHF信号，最可能的原因是：信号被突发E电离层反射过来
• 下列哪一个缩写经常在无线电工程文章中用来代表各种类型的无线电波？RF
• 收发信机面板上或设置菜单中的符号VOX代表什么功能？发信机声控，接入后将根据对话筒有无语音输入的判别自动控制收发转换
• 收发信机中的PTT是指什么信号？按键发射，有信号（一般为对地接通）时发射机由等待转为发射
• 收发信机面板上或设置菜单中的符号SQL代表什么功能？静噪控制，检测到接收信号低于一定电平时关断音频输出
• 有些调频接收机的参数设置菜单有NFM和WFM两种选择。它们的含义是：NFM为窄带调频方式，适用于信道带宽25kHz/12.5kHz的通信信号；WFM为宽带调频方式，适用于接收信道带宽180kHz左右的广播信号
• 缩写DTMF指的是：双音多频编码，由8个音调频率中的两个频率组合成的控制信号，代表16种状态之一，用于遥控和传输数字等简单字符
• 缩写CTCSS指的是：亚音调静噪，即从67-250.3Hz的38个亚音调频率中选取一个作为选通信号，代表38种状态之一，接收机没有收到特定的选通信号时自动关闭音频输出
• 关于是否可以在FM话音通信时单凭接收机听到对方语音的音量大小来准确判断对方信号的强弱，正确答案及其理由是：不能。因为鉴频输出大小只取决于射频信号的频偏，而且正常信号的幅度会被限幅电路切齐到同样大小
• 用设置在NFM方式的对讲机接收WFM信号，其效果为：可以听到信号，但当调制信号幅度较大、音调较高时会发生明显非线性失真
• 调频接收机没有接收到信号时，会输出强烈的噪声。关于这种噪声的描述是：由天线背景噪声和【机内电路噪声】的随机频率变化经鉴频形成，其大小与天线接收到的背景噪声幅度无关
• 如果业余中继台发射机被断断续续的干扰信号所启动，夹杂着不清楚的语音，根据覆盖区内其他业余电台的监听，确定中继台上行频率并没有电台工作。则：可能是中继台附近的两个其他发射机的强信号在中继台上行频率造成了互调干扰
• 如果对方报告你的调频电台发射的信号听起来失真严重、可辨度差，可能的原因是：三项都可能
• “全频偏”和“半频偏”的选择，其表示的意义是：分别表示信道间隔为25kHz或者12.5kHz
• 家用微波炉一般的工作频带是：UHF（特高频）
• 移动车载电台通常使用的电源电压是？约12伏特
• 一般环境条件下允许持续接触的“安全特低电压”为：24V
• 要防止业余HF发射机的杂散发射干扰天线附近的电话机，应该在电话机和电话线之间之间串联：截止频率不高于1MHz的低通滤波器
• 按照我国国家标准《电磁辐射防护规定》，凡其功率大于豁免水平（3MHz以上等效辐射功率100瓦）的一切电磁波辐射体的所有者，必须：向所在地区的环境保护部门申报、登记，并接受监督
• 我国国家标准《电磁辐射防护规定》规定电磁辐射公众照射导出限值中，对环境电磁辐射场强一天24小时内任意6分钟内的平均值要求最严格的频率范围为：30MHz- 3GHz

• 家庭宽带一般所述如 100M 宽带，此处M通常指 Mbps(Mbps = Mb/s)，按上图换算关系 100M 宽带理论下载速度满速为 12.5MB/s(100/8)

• **计算机中的位(bit):**二进制数系统中，每个0或1就是一个位(bit)，位是数据存储的最小单位。其中8bit就称为一个字节（Byte）。计算机中的CPU位数指的是CPU一次能处理的最大位数。例如32位计算机的CPU一次最多能处理32位(bit)数据(4Byte)。

• **字节（Byte）:**是通过网络传输信息（或在硬盘或内存中存储信息）的单位。字节是计算机信息技术用于计量存储容量和传输容量的一种计量单位，1个字节等于8位二进制。在 ASCII 码中，一个英文字母（不分大小写）占一个字节的空间，一个中文汉字占两个字节的空间。英文标点占一个字节，中文标点占两个字节。

• KB: 是计算机中表储存容量大小的单位，用中文表示就是“千字节” 。

• MB: 就是兆字节，就是一种存储单位，1MB=1024KB

• 字符: 字符是可使用多种不同字符方案或代码页来表示的抽象实体。例如：Unicode UTF-16 编码将字符表示为 16 位整数序 Unicode UTF-8 编码则将相同的字符表示为 8 位字节序列。公共语言运行库使用 Unicode UTF-16（Unicode 转换格式，16 位编码形式）表示字符。要弄清字符要想弄清字.你问什么是字符?那你怎么不问什么是字呢?字符就好像一个统称.

包管理器或包管理系统是一系列软件工具的集合, 这些软件工具用和电脑操做系统一致的方式, 使应用的安装, 升级, 配置和删除软件包的过程自动化, 它一般维护一个数据库软件的依赖和版本信息, 防止软件不匹配和没法跟踪.

1. Homebrew — Mac&Linux软件安装工具

• 安装

Homebrew会将软件包安装到独立目录，并将其文件软连接至/usr/localHomebrew不会将文件安装到它自己目录以外，因此您可将Homebrew安装到任意位置

 #! 安装
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

• 基础命令

brew install xxx    #! 安装xxx软件
brew uninstall xxx  #! 卸载xxx软件
brew outdated       #! 查询可更新的包
brew search /xxx/   #! 搜索xxx软件包 
brew search /wge*/  #!*表示模糊搜索 
brew list xxx       #! 显示已安装软件列表
brew update         #! 更新brew，把所有的Formula目录更新，并且会对本机已经安装并有更新的软件用*标明
brew upgrade        #! 更新所有包
brew upgrade xxx    #! 更新xxx软件
brew cleanup        #! 清理所有包旧版本
brew cleanup -n     #! 查看可清理的旧包版本，不执行实际操作
brew cleanup xxx    #! 清理xxx包的旧版本
brew info xxx       #! 查看xxx软件信息
brew deps xxx       #! 查看xxx包依赖
brew pin xxx        #! 锁定xxx包
brew unpin xxx      #! 取消锁定xxx包
brew help           #! 帮助
brew -v             #! Homebrew版本

• 卸载Homebrew

cd brew --prefix
rm -rf Cellar
brew prune
rm git ls-files
rm -r Library/Homebrew Library/Aliases Library/Formula Library/Contributions
rm -rf .git
rm -rf ~/Library/Caches/Homebrew

• Tips

2. MacPorts — 用于在Mac 操作系统上编译、安装和升级基于命令行、X11 或 Aqua 的开源软件

MacPorts类似与apt-get以及yum等软件包管理工具，可以方便的进行安装与卸载软件的功能，同时可以自动安装软件包的依赖，非常方便，同类的还有brew等工具。

Mac下面除了用dmg、pkg来安装软件外，比较方便的还有用MacPorts来帮助你安装其他应用程序，跟BSD中的ports道理一样。MacPorts就像apt-get、yum一样，可以快速安装些软件。

nvm Node.js安装版本管理工具

#安装最新稳定版node
$ nvm install stable 

#安装指定版本node
$ nvm install <version>  

#临时版本 - 只在当前窗口生效指定版本
$ nvm use <version>  

#永久版本 - 所有窗口生效指定版本
$ nvm alias default <version>

#查看当前node版本及npm版本
$ nvm use system  

4. npm — JS世界的包管理工具

                Node.js 平台的默认包管理工具

5. yarn — 包管理工具

5. pip — Python 平台的默认包管理工具

二、常用CLI工具

1.文件下载工具 wget

GNU Wget 是一种网络实用程序，可使用 HTTP 和 FTP 这两种最广泛使用的 Internet 协议从万维网上检索文件。它以非交互方式工作，因此可以在注销后在后台工作。该程序支持对 Web 创作页面和 FTP 站点的递归检索——您可以使用 Wget 制作档案和主页的镜像，或者像 WWW 机器人一样在 Web 上移动，检查损坏的链接。

手册 https://www.gnu.org/software/wget/manual/

使用方法：

wget [option]… [URL]…

指令：

启动：
  -V,  --version                   显示 Wget 的版本信息并退出
  -h,  --help                      打印此帮助
  -b,  --background                启动后转入后台
  -e,  --execute=命令              运行一个“.wgetrc”风格的命令

日志和输入文件：
  -o,  --output-file=文件          将日志信息写入 FILE
  -a,  --append-output=文件        将信息添加至 FILE
  -d,  --debug                     打印大量调试信息
  -q,  --quiet                     安静模式 (无信息输出)
  -v,  --verbose                   详尽的输出 (此为默认值)
  -nv, --no-verbose                关闭详尽输出，但不进入安静模式
       --report-speed=类型         以 <类型> 报告带宽。类型可以是 bits
  -i,  --input-file=文件           下载本地或外部 <文件> 中的 URL
  -F,  --force-html                把输入文件当成 HTML 文件
  -B,  --base=URL                  解析相对于 URL 的 HTML 输入文件链接 (-i -F)
       --config=文件               指定要使用的配置文件
       --no-cookies                不读取任何配置文件
       --rejected-log=文件         将拒绝 URL 的原因写入 <文件>。

下载：
  -t,  --tries=数字                设置重试次数为 <数字> (0 代表无限制)
       --retry-connrefused         即使拒绝连接也是重试
       --retry-on-http-error=ERRORS    提供以逗号分隔的列表，列出遇到时进行重试的 HTTP 错误
  -O,  --output-document=文件      将文档写入 FILE
  -nc, --no-clobber                不要下载已存在将被覆盖的文件
       --no-netrc                  不要尝试从 .netrc 获取凭据
  -c,  --continue                  断点续传下载文件
       --start-pos=偏移量          从由零计数的 <偏移量> 开始下载
       --progress=类型             选择进度条类型
       --show-progress             在任意啰嗦状态下都显示进度条
  -N,  --timestamping              只获取比本地文件新的文件
       --no-if-modified-since      不要在时间戳 (timestamping) 模式下使用
                                     if-modified-since get 条件请求
       --no-use-server-timestamps  不用服务器上的时间戳来设置本地文件
  -S,  --server-response           打印服务器响应
       --spider                    不下载任何文件
  -T,  --timeout=SECONDS           将所有超时设为 SECONDS 秒
       --dns-timeout=SECS          设置 DNS 查寻超时为 SECS 秒
       --connect-timeout=SECS      设置连接超时为 SECS 秒
       --read-timeout=SECS         设置读取超时为 SECS 秒
  -w,  --wait=SECONDS              wait SECONDS between retrievals
                                     (applies if more then 1 URL is to be retrieved)
       --waitretry=SECONDS         wait 1..SECONDS between retries of a retrieval
                                     (applies if more then 1 URL is to be retrieved)
       --random-wait               wait from 0.5*WAIT...1.5*WAIT secs between retrievals
                                     (applies if more then 1 URL is to be retrieved)
       --no-proxy                  禁止使用代理
  -Q,  --quota=数字                设置获取配额为 <数字> 字节
       --bind-address=ADDRESS      绑定至本地主机上的 ADDRESS (主机名或是 IP)
       --limit-rate=RATE           限制下载速率为 RATE
       --no-dns-cache              关闭 DNS 查询缓存
       --restrict-file-names=系统  限定文件名中的字符为 <系统> 允许的字符
       --ignore-case               匹配文件/目录时忽略大小写
  -4,  --inet4-only                仅连接至 IPv4 地址
  -6,  --inet6-only                仅连接至 IPv6 地址
       --prefer-family=地址族      首先连接至指定家族（IPv6，IPv4 或 none）的地址
       --user=用户                 将 ftp 和 http 的用户名均设置为 <用户>
       --password=密码             将 ftp 和 http 的密码均设置为 <密码>
       --ask-password              提示输入密码
       --use-askpass=命令          指定用于请求用户名和密码的凭据管理器。
                                     如果没有提供指定命令，程序将使用 WGET_ASKPASS 或
                                     SSH_ASKPASS 环境变量。
       --no-iri                    关闭 IRI 支持
       --local-encoding=ENC        使用 ENC 作为 IRI (国际化资源标识符) 的本地编码
       --remote-encoding=ENC       使用 ENC 作为默认远程编码
       --unlink                    覆盖前移除文件
       --xattr                     在文件的拓展属性中储存元数据

目录：
  -nd, --no-directories            不创建目录
  -x,  --force-directories         强制创建目录
  -nH, --no-host-directories       不要创建主 (host) 目录
       --protocol-directories      在目录中使用协议名称
  -P,  --directory-prefix=前缀     保存文件到 <前缀>/..
       --cut-dirs=数字             忽略远程目录中 <数字> 个目录层。

HTTP 选项：
       --http-user=用户            设置 http 用户名为 <用户>
       --http-password=密码        设置 http 密码为 <密码>
       --no-cache                  不使用服务器缓存的数据。
       --default-page=NAME         改变默认页 (通常是“index.html”)。
  -E,  --adjust-extension          以合适的扩展名保存 HTML/CSS 文档
       --ignore-length             忽略头部的‘Content-Length’区域
       --header=字符串             在头部插入 <字符串>
       --compression=类型          选择压缩类型，值可以为 auto、gzip 和 none。（默认：none）
       --max-redirect              每页所允许的最大重定向
       --proxy-user=用户           使用 <用户> 作为代理用户名
       --proxy-password=密码       使用 <密码> 作为代理密码
       --referer=URL               在 HTTP 请求头包含‘Referer: URL’
       --save-headers              将 HTTP 头保存至文件。
  -U,  --user-agent=代理           标识自己为 <代理> 而不是 Wget/VERSION。
       --no-http-keep-alive        禁用 HTTP keep-alive (持久连接)。
       --no-cookies                不使用 cookies。
       --load-cookies=文件         会话开始前从 <文件> 中载入 cookies。
       --save-cookies=文件         会话结束后保存 cookies 至 FILE。
       --keep-session-cookies      载入并保存会话 (非永久) cookies。
       --post-data=字符串          使用 POST 方式；把 <字串>作为数据发送。
       --post-file=文件            使用 POST 方式；发送 <文件> 内容。
       --method=HTTP方法           在请求中使用指定的 <HTTP 方法>。
       --post-data=字符串          把 <字串> 作为数据发送，必须设置 --method
       --post-file=文件            发送 <文件> 内容，必须设置 --method
       --content-disposition       当选择本地文件名时允许 Content-Disposition
                                   头部 (实验中)。
       --content-on-error          在服务器错误时输出接收到的内容
       --auth-no-challenge         不先等待服务器询问就发送基本 HTTP 验证信息。

HTTPS (SSL/TLS) 选项：
       --secure-protocol=PR         选择安全协议，值可以是 auto、SSLv2、
                                    SSLv3、TLSv1、TLSv1_1、TLSv1_2 或 PFS
       --https-only                 只跟随安全的 HTTPS 链接
       --no-check-certificate       不要验证服务器的证书。
       --certificate=文件           客户端证书文件。
       --certificate-type=类型      客户端证书类型，PEM 或 DER。
       --private-key=文件           私钥文件。
       --private-key-type=类型      私钥文件类型，PEM 或 DER。
       --ca-certificate=文件        带有一组 CA 证书的文件。
       --ca-directory=DIR           保存 CA 证书的哈希列表的目录。
       --ca-certificate=文件        带有一组 CA 证书的文件。
       --pinnedpubkey=文件/散列值  用于验证节点的公钥（PEM/DER）文件或
                                   任何数量的 sha256 散列值，以 base64 编码、
                                   “sha256//” 开头、用“;”间隔
       --random-file=文件           用于初始化 SSL 伪随机数生成器（PRNG）的文件，
                                      应含有随机数据

       --ciphers=STR           直接设置 priority string (GnuTLS) 或 cipher list string (OpenSSL)。
                                   请小心使用。该选项会覆盖 --secure-protocol。
                                   其具体格式和字符串语法取决于对应的 SSL/TLS 引擎。
HSTS 选项：
       --no-hsts                   禁用 HSTS
       --hsts-file                 HSTS 数据库路径（将覆盖默认值）

FTP 选项：
       --ftp-user=用户             设置 ftp 用户名为 <用户>。
       --ftp-password=密码         设置 ftp 密码为 <密码>
       --no-remove-listing         不要删除‘.listing’文件
       --no-glob                   不在 FTP 文件名中使用通配符展开
       --no-passive-ftp            禁用“passive”传输模式
       --preserve-permissions      保留远程文件的权限
       --retr-symlinks             递归目录时，获取链接的文件 (而非目录)

FTPS 选项：
       --ftps-implicit                 使用隐式 FTPS（默认端口 990）
       --ftps-resume-ssl               打开数据连接时继续控制连接中的 SSL/TLS 会话
       --ftps-clear-data-connection    只加密控制信道；数据传输使用明文
       --ftps-fallback-to-ftp          回落到 FTP，如果目标服务器不支持 FTPS
WARC 选项：
       --warc-file=文件名          在一个 .warc.gz 文件里保持请求/响应数据
       --warc-header=字符串        在头部插入 <字符串>
       --warc-max-size=数字        将 WARC 的最大尺寸设置为 <数字>
       --warc-cdx                  写入 CDX 索引文件
       --warc-dedup=文件名         不要记录列在此 CDX 文件内的记录
       --no-warc-compression       不要 GZIP 压缩 WARC 文件
       --no-warc-digests           不要计算 SHA1 摘要
       --no-warc-keep-log          不要在 WARC 记录中存储日志文件
       --warc-tempdir=目录         WARC 写入器的临时文件目录

递归下载：
  -r,  --recursive                 指定递归下载
  -l,  --level=数字                最大递归深度 (inf 或 0 代表无限制，即全部下载)。
       --delete-after              下载完成后删除本地文件
  -k,  --convert-links             让下载得到的 HTML 或 CSS 中的链接指向本地文件
       --convert-file-only         只转换 URL 的文件部分（一般叫做“基础名”/basename）
       --backups=N                 写入文件 X 前，轮换移动最多 N 个备份文件
  -K,  --backup-converted          在转换文件 X 前先将它备份为 X.orig。
  -m,  --mirror                    -N -r -l inf --no-remove-listing 的缩写形式。
  -p,  --page-requisites           下载所有用于显示 HTML 页面的图片之类的元素。
       --strict-comments           用严格方式 (SGML) 处理 HTML 注释。

递归接受/拒绝：
  -A,  --accept=列表               逗号分隔的可接受的扩展名列表
  -R,  --reject=列表               逗号分隔的要拒绝的扩展名列表
       --accept-regex=REGEX        匹配接受的 URL 的正则表达式
       --reject-regex=REGEX        匹配拒绝的 URL 的正则表达式
       --regex-type=类型           正则类型 (posix)
  -D,  --domains=列表              逗号分隔的可接受的域名列表
       --exclude-domains=列表      逗号分隔的要拒绝的域名列表
       --follow-ftp                跟踪 HTML 文档中的 FTP 链接
       --follow-tags=列表          逗号分隔的跟踪的 HTML 标识列表
       --ignore-tags=列表          逗号分隔的忽略的 HTML 标识列表
  -H,  --span-hosts                递归时转向外部主机
  -L,  --relative                  仅跟踪相对链接
  -I,  --include-directories=列表  允许目录的列表
       --trust-server-names        使用重定向 URL 的最后一段作为本地文件名
  -X,  --exclude-directories=列表  排除目录的列表
  -np, --no-parent                 不追溯至父目录

2. curl — 用于传输用 URL 语法指定的数据

curl 是常用的命令行工具，用来请求 Web 服务器。它的名字就是客户端（client）的 URL 工具的意思。它的功能非常强大，命令行参数多达几十种。如果熟练的话，完全可以取代 Postman 这一类的图形界面工具。

curl is a tool for transferring data from or to a server. It supports these protocols: DICT, FILE, FTP, FTPS, GOPHER, GOPHERS, HTTP, HTTPS, IMAP, IMAPS, LDAP, LDAPS, MQTT, POP3, POP3S, RTMP, RTMPS, RTSP, SCP, SFTP, SMB, SMBS, SMTP, SMTPS, TELNET or TFTP. The command is designed to work without user interaction. curl offers a busload of useful tricks like proxy support, user authentication, FTP upload, HTTP post, SSL connections, cookies, file transfer resume and more. As you will see below, the number of features will make your head spin! curl is powered by libcurl for all transfer-related features.

-limit-rate

-limit-rate用来限制 HTTP 请求和回应的带宽，模拟慢网速的环境。

-o

-o参数将服务器的回应保存成文件，等同于wget命令。

-O

-O参数将服务器回应保存成文件，并将 URL 的最后部分当作文件名。

mac web服务器

• sudo apachectl start
• sudo apachectl stop
• sudo apachectl restart

Apache服务器默认的web根目录在：/Library/WebServer/Documents

Apache的配置文件在：/etc/apache2

浏览器输入：http://localhost

1. 系统结构

   • B/S架构 Browser / Server

   • C/S架构 Client / Server

     企业一般用B/S架构

     游戏 、APP等用C/S架构

• ASP是Active Server Page的缩写，意为“活动服务器网页”，ASP的网页文件的格式是.asp，现在常用于各种动态网站中。与HTML相比，ASP网页具有6大特点。 ASP是Active Server Page的缩写，意为“活动服务器网页”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。 ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。 与HTML相比，ASP网页具有以下特点：

  1. 利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术；
  2. ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试；
  3. 服务器上的ASP解释程序会在服务器端制定ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页；
  4. ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息；
  5. ASP可以使用服务器端ActiveX组建来执行各种各样的任务，例如存取数据库、发现哦那个Email或访问文件系统等。
  6. 由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可放置ASP程序代码被窃取。

• HTML ul li标签可用于菜单栏（apple官网 w3school）

    <div id="navfirst">
    <ul id="menu">
    <li id="h"><a href="/h.asp" title="HTML 系列教程">HTML 系列教程</a></li>
    <li id="b"><a href="/b.asp" title="浏览器脚本教程">浏览器脚本</a></li>
    <li id="s"><a href="/s.asp" title="服务器脚本教程">服务器脚本</a></li>
    <li id="p"><a href="/p.asp" title="编程教程">编程教程</a></li>
    <li id="x"><a href="/x.asp" title="XML 系列教程">XML 系列教程</a></li>
    <li id="w"><a href="/w.asp" title="建站手册">建站手册</a></li>
    <li id="r"><a href="/r.asp" title="参考手册">参考手册</a></li>
    </ul>
    </div>

• JS使用事件监听器(一种事件绑定方式)时，使用函数时不带有'()'，因为'()'表示函数会在页面加载到这里时运行，而不是事件触发时执行。匿名函数不同，虽然也有小括号，但其只会在事件触发时执行。

• JS将事件绑定的到元素的方式有三种：HTML事件处理程序（老式方法以不再使用，旧代码中可能会有）；传统的DOM事件处理程序：DOM监听器。

• 如果需要向事件处理程序或事件监听器所调用的函数传递参数，就需要把方法调用封装在“匿名函数”中。（将命名函数封装成匿名函数） 例：function() {checkUsername(5)}

• value 值

• source 源头，来源

• element 元素，基本部分

• event 事件

• selector 选择器

• node 节点

• query 查询指令

JavaScript 的组成分为三个部分：

• ECMAScript
• DOM：标签元素相关的API
• BOM：浏览器相关的API

Node.js 的组成分为：

• ECMAScript。ECMAScript 的所有语法在 Node 环境中都可以使用。
• Node 环境提供的一些附加 API(包括文件、网络等相关的 API)。

Form表单

• <fieldset> 标签将表单里的内容进行打包，代表一组；而<legend>标签的则是 fieldset 里的元素定义标题。

表单属性

• placeholder 占位符（提示文字）
• autofocus 自动获取焦点
• multiple 文件上传多选或多个邮箱地址
• autocomplete 自动完成（填充的）。on 开启（默认），off 取消。用于表单元素，也可用于表单自身(on/off)
• form 指定表单项属于哪个form，处理复杂表单时会需要
• novalidate 关闭默认的验证功能（只能加给form）
• required 表示必填项
• pattern 自定义正则，验证表单。

表单事件

• oninput()：用户输入内容时触发，可用于输入字数统计。
• oninvalid()：验证不通过时触发。比如，如果验证不通过时，想弹出一段提示文字，就可以用到它。

多媒体

在HTML5之前，在网页上播放音频/视频的通用方法是利用Flash来播放。但是大多情况下，并非所有用户的浏览器都安装了Flash插件，由此使得音频、视频播放的处理变得非常复杂；并且移动设备的浏览器并不支持Flash插件。H5里面提供了视频和音频的标签。

<audio src="music/yinyue.mp3" autoplay controls> </audio>

<video src="video/movie.mp4" controls autoplay></video>

DOM 操作

获取元素

• document.querySelector("selector") 通过CSS选择器获取符合条件的第一个元素。
• document.querySelectorAll("selector") 通过CSS选择器获取符合条件的所有元素，以类数组形式存在。

类名操作

• Node.classList.add("class") 添加class
• Node.classList.remove("class") 移除class
• Node.classList.toggle("class") 切换class，有则移除，无则添加
• Node.classList.contains("class") 检测是否存在class

自定义属性

js 里可以通过 box1.index=100; box1.title 来自定义属性和获取属性。

H5可以直接在标签里添加自定义属性，但必须以 data- 开头。

CSS关键词

BOX 盒模型

• width宽&height高 content内容
• padding：内边距
• border：边框
• margin：外边距
• border属性：宽度 样式 颜色（样式：solid实线、dashed点画线、dotted虚线）

浮

• float 浮动属性 （值：left right）

定位属性

• position 位置
• absolute 绝对的
• relative 相对的
• fixed 使···固定，确定的
• flat 水平的
• infinite 无限的
• count 数数
• normal 正常
• alternate 反向
• steps 迈步（动画不连续执行-间断执行）
• opacity: 0.3; 设置图片不透明度 值0-1 0:完全透明 1:完全不透明

JS 生成 [x, y) 之间的随机数

Math.round(Math.random()*(y-x)+x)

【重要】生成 [x, y]之间的随机整数

也就是说：生成两个整数之间的随机整数，并且要包含这两个整数。

这个功能很常用，我们可以将其封装成一个方法，代码实现如下：

    /*
    * 生成两个整数之间的随机整数，并且要包含这两个整数
    */
    function getRandom(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
    }

    console.log(getRandom(1, 10));

时间戳的定义和作用

时间戳：指的是从格林威治标准时间的1970年1月1日，0时0分0秒到当前日期所花费的毫秒数（1秒 = 1000毫秒）。

计算机底层在保存时间时，使用的都是时间戳。时间戳的存在，就是为了统一时间的单位。

我们经常会利用时间戳来计算时间，因为它更精确。而且，在实战开发中，接口返回给前端的日期数据，都是以时间戳的形式。

获取当前时间的时间戳

如果我们要获取当前时间的时间戳，除了上面的几种方式之外，还有另一种方式。代码如下：

// 方式六：获取当前时间的时间戳（很常用的写法）
console.log(Date.now()); // 打印结果举例：1589448165370

上面这种方式六，用得也很多。只不过，Date.now()是H5标准中新增的特性，如果你的项目需要兼容低版本的IE浏览器，就不要用了。这年头，谁还用IE呢？

利用时间戳检测代码的执行时间

我们可以在业务代码的前面定义 时间戳1，在业务代码的后面定义 时间戳2。把这两个时间戳相减，就能得出业务代码的执行时间。

举例1：模拟日历

要求每天打开这个页面，都能定时显示当前的日期。

代码实现：

<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8" />
        <title></title>
        <style>
            div {
                width: 800px;
                margin: 200px auto;
                color: red;
                text-align: center;
                font: 600 30px/30px 'simsun';
            }
        </style>
    </head>
    <body>
        <div></div>

        <script>
            //模拟日历
            //需求：每天打开这个页面都能定时显示年月日和星期几
            function getCurrentDate() {
                //1.创建一个当前日期的日期对象
                const date = new Date();
                //2.然后获取其中的年、月、日和星期
                const year = date.getFullYear();
                const month = date.getMonth();
                const hao = date.getDate();
                const week = date.getDay();
                //        console.log(year+" "+month+" "+hao+" "+week);
                //3.赋值给div
                const arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
                const div = document.getElementsByTagName('div')[0];
                return '今天是：' + year + '年' + (month + 1) + '月' + hao + '日 ' + arr[week];
            }

            const div = document.getElementsByTagName('div')[0];
            div.innerText = getCurrentDate();
        </script>
    </body>
</html>

数组

使用字面量创建数组

var arr1 = []; // 创建一个空的数组

var arr2 = [1, 2, 3]; // 创建带初始值的数组

使用构造函数创建数组

let arr = new Array(参数);

let arr = Array(参数);

如果参数为空，则表示创建一个空数组；如果参数是一个数值时，表示数组的长度；如果有多个参数时，表示数组中的元素。

// 方式一
var arr1 = [11, 12, 13];

// 方式二
var arr2 = new Array(); // 参数为空
var arr3 = new Array(4); // 参数为一个数值
var arr4 = new Array(15, 16, 17); // 参数为多个数值

console.log(typeof arr1); // 打印结果：object

console.log('arr1 = ' + JSON.stringify(arr1));
console.log('arr2 = ' + JSON.stringify(arr2));
console.log('arr3 = ' + JSON.stringify(arr3));
console.log('arr4 = ' + JSON.stringify(arr4));

结果：

object;

arr1 = [11, 12, 13];
arr2 = [];
arr3 = [null, null, null, null];
arr4 = [15, 16, 17];

• ***JSON.stringify(arr) 将数组转换为字符串 ————***!!!

数组转字符串方式

字符串 = 数组.toString();
字符串 = String(数组);
字符串 = 数组.join(','); // 将数组转为字符串，每一项用 英文逗号 分隔

• A instanceof B来判断 A 是否属于 B 类型

• 数组合并的另一种方式：

  我们可以使用...这种展开语法，将两个数组进行合并。举例如下：

const arr1 = [1, 2, 3];

const result = ['a', 'b', 'c', ...arr1];
console.log(JSON.stringify(result)); // 打印结果：["a","b","c",1,2,3]

• 数组排序

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <body>
        <script>
            let dataList = [
                {
                    title: '品牌鞋子，高品质低价入手',
                    publishTime: 200,
                },
                {
                    title: '不是很贵，但是很暖',
                    publishTime: 100,
                },
                {
                    title: '无法拒绝的美食，跟我一起吃吃',
                    publishTime: 300,
                },
            ];

            console.log('example 排序前的数组：' + JSON.stringify(dataList));

            // 将dataList 数组，按照 publishTime 字段，从小到大排序。（会改变原数组）
            dataList.sort((a, b) => parseInt(a.publishTime) - parseInt(b.publishTime));

            console.log('example 排序后的数组：' + JSON.stringify(dataList));
        </script>
    </body>
</html>

打印结果：

example 排序前的数组：[
    {"title":"窗前明月光","publishTime":200},
    {"title":"疑是地上霜","publishTime":100},
    {"title":"举头望明月","publishTime":300}
]

example 排序后的数组：[
    {"title":"疑是地上霜","publishTime":100},
    {"title":"窗前明月光","publishTime":200},
    {"title":"举头望明月","publishTime":300}
]

上方代码中，有人可能会问： publishTime 字段已经是 int 类型了，为啥在排序前还要做一次 parseInt() 转换？这是因为，这种数据，一般是后台接口返回给前端的，数据可能是 int 类型、也可能是字符串类型，所以还是统一先做一次 partInt() 比较保险。这是一种良好的工作习惯。

• 将一个字符串数组输出为|分割的形式

var arr = ['jay', 'gem', 'jj'];

console.log(arr.join('|'));

• 创建数组对象： 1.使用字面量创建数组 var arr = [1,2,3]; 2.使用构造函数创建数组 let arr = new Array(参数);

• DOM设置节点的属性值

		元素节点.setAttribute("属性名", "新的属性值");
		//举例：
		myNode.setAttribute("src","images/3.jpg");
    myNode.setAttribute("class","image3-box");
    myNode.setAttribute("id","你好");

• 如果是节点的“原始属性”（比如 普通标签的class/className属性、普通标签的style属性、普通标签的 title属性、img 标签的src属性、超链接的href属性等），方式1和方式2是等价的，可以混用。怎么理解混用呢？比如说：用 div.title = '我是标题'设置属性，用 div.getAttribute('title')获取属性，就是混用。 “非原始属性”，在使用这两种方式时，是有区别的。 非原始属性需要get值和set值必须使用同一种方法。
• **innerHTML和innerText的区别 1.**value：标签的value属性。 2.innerHTML：双闭合标签里面的内容（包含标签）。 3.innerText：双闭合标签里面的内容（不包含标签）。（老版本的火狐用textContent）

ES6

let 和 const 的特点【重要】

• 不属于顶层对象 Window
• 不允许重复声明
• 不存在变量提升
• 暂时性死区
• 支持块级作用域

相反， 用var声明的变量：存在变量提升、可以重复声明、没有块级作用域。

var/let/const 的共同点

• 全局作用域中定义的变量，可以在函数中使用。
• 函数中声明的变量，只能在函数及其子函数中使用，外部无法使用。

异步编程

1.浏览器兼容：处理低版本的浏览器显示问题一直是前端开发人员头痛的问题之一。移动设备兼容性较好，ie6已经越来越少人用了。服务器分类及PHP入门

C/S架构

是Client/Server这两个单词的首字母，指的是客户端，服务器。

优点:

• 性能较高：可以将一部分的计算工作放在客户端上,这样服务器只需要处理数据即可。
• 界面酷炫:客户端可以使用更多系统提供的效果,做出更为炫目的效果。

缺点:

• 更新软件：如果有新的功能，就要推出新的版本。
• 不同设备访问：如果使用其他的电脑，没有安装客户端的话就无法登陆软件。

B/S架构

是Browser/Server的这两个单词的首字母。指的是浏览器、服务器，是WEB兴起之后的一种架构。

现在所有的网站都是B/S架构，较为常见的例子有百度、知乎、网易云音乐Web等等，只需要通过浏览器即可使用.

优点：

• 更新简洁：如果需要更新内容了,对开发人员而言需要更改服务器的内容，对用户而言只需要刷新浏览器即可。
• 多设备同步：所有数据都在网上,只要能够使用浏览器即可登录使用。

缺点:

• 性能较低：相比于客户端应用性能较低,但是随着硬件性能的提升,这个差距在缩小。
• 浏览器兼容：处理低版本的浏览器显示问题一直是前端开发人员头痛的问题之一。移动设备兼容性较好，ie6已经越来越少人用了。

服务器分类

项目开发时，有三套环境：

• Development 开发环境
• Test 测试环境
• Production 生产环境

程序员平时干活儿用开发环境；开发完成后，部署到测试环境；测试完成后，产品上线，部署到生产环境。

三套环境意味着三个服务器。

服务器类型

按类型分：

• 文件服务器
• 数据库服务器
• 邮件服务器
• Web 服务器等

按软件分：

• Apache 服务器
• Nginx 服务器
• IIS 服务器
• Tomcat 服务器
• Node 服务器等

按操作系统分：

• Linux服务器
• Windows服务器等

服务器软件

**提供了某种服务的计算器，我们称之为服务器。**那么这些赋予计算器各种服务功能的软件主要有哪一些呢？

常见的服务器软件有：

• 文件服务器：Server-U、FileZilla、VsFTP等 ming: freeNAS
• 数据库服务器：Oracle、MySQL、PostgreSQL、MSSQL等；
• 邮件服务器：Postfix、Sendmail等；
• HTTP 服务器：Apache（免费、开源）、Nginx、IIS（微软的.net服务器）、Tomcat（java编程的服务器）、NodeJS 等。

Ajax

• Ajax：Asynchronous Javascript And XML（异步 JavaScript 和 XML) 它并不是凭空出现的新技术，而是对于现有技术的结合。Ajax 的核心是 js 对象：XMLHttpRequest。

• 发送 Ajax 请求的五个步骤：

  （1）创建异步对象，即 XMLHttpRequest 对象。

  （2）使用 open 方法设置请求参数。open(method, url, async)。参数解释：请求的方法、请求的 url、是否异步。第三个参数如果不写，则默认为 true。

  （3）发送请求：send()。

  （4）注册事件：注册 onreadystatechange 事件，状态改变时就会调用。

  如果要在数据完整请求回来的时候才调用，我们需要手动写一些判断的逻辑。

  （5）服务端响应，获取返回的数据。

deno

• deno为node.js作者做的 和node.js功能类似

—定律—haha

• Jeff Atwood 在 2007 年提出了著名的 Atwood 定律：任何能够用 JavaScript 实现的应用系统，最终都必将用 JavaScript 实现。 Jeff Atwood 是谁不重要（他是 Stack Overflow 网站的联合创始人），重要的是这条定律。

ES6

现在有了 ES6 语法，字符串拼接可以这样写：

var name = 'Taylor';
    var age = '18';

    console.log('name:'+name+',age:'+age);   //传统写法

    console.log(`name:${name},age:${age}`);  //ES6 写法

注意，上方代码中，倒数第二行用的是单引号，最后一行用的是反引号（在tab键的上方）。

组件

• 组件：构成页面局部功能的代码和资源的集合

对象

• 一般对象
• 数组对象
• 函数对象

JSX语法规则：

1. 创建虚拟DOM时，不要写引号；
2. 标签中要混入js表达式，要是用{}
3. 标签中样式的类名要用className指定
4. 标签中的内联样式要用style=\{\{color:'white'\}\}，注意属性名转为小驼峰
5. 只能有一个根标签
6. 标签必须闭合
7. 关于标签首字母

• 若首字母小写，那么React就会去寻找与之同名的html标签 若找见，直接转为html同名元素 若未找见，报错
• 若首字母大写，那么React就会去寻找与之同名的组件 若找见，那么就是用组件 若未找见，报错

模板字符串

模板字符串（template string）是增强版的字符串，用反引号（`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。

• 示例：我的名字是${name}

解构赋值

• const {isHot} = this.state

  对象和数组可以解构赋值

  必须保证等号右边是对象或数组，对象用{}， 数组用[],逗号占位[,,3],拿的是第三个

  实质是：const isHot = this.state.isHot

  连续解构赋值：{state:{isHot}} = this

• {isHot ? ‘炎热’ : ‘凉爽’}

React绑定事件监听

1. React对原生事件进行了二次封装，使用小驼峰命名。例如：onClick
2. 事件绑定函数用{}包裹，不可以加()，加了会立马执行。例如：onClick={show}
3. ES原生绑定事件有三种

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>Document</title>
	</head>
	<body>
		<button id="btn">点我</button>

		<script type="text/javascript" >
			const btn = document.getElementById('btn')

			btn.onclick = (event)=>{
				console.log(event)
			}

			/* btn.addEventListener('click',()=>{
				alert(1)
			}) */

			/* function show() {
				alert(1)
			} */
		</script>
	</body>
</html>

• 类里边赋值语句，是增加类的属性，等号左边为属性名，等号右边为属性值

严格模式 ’use strict’

• 严格模式可以局部开启
• 类中所有定义的方法，浏览器在运行时 ，全都加上了 ‘ use strict’

JS类

• 类里边的方法，都在类的原型上
• 改变this指向：call，apply，bind(更改this指向，但是不调用)

...展开语法

• 可以展开数组，有@@iterator迭代器

• ...默认不能展开对象，但是包在另外一个对象里可以展开另一个对象。浅克隆对象

  可以修改，合并对象

• 打包，拆包

回调函数三个特点

1. 自己定义的
2. 自己没调用
3. 得执行

箭头函数

• 箭头函数没有自的this，用this会向外层找
• 箭头函数只有一个参数可以省略()，只有一行代码可以省略{}

对象属性

• 对象中的属性名都是字符串
• 操作对象属性，一种是Person.a | 一种是Person[a] (可读变量)

对象简写方式

let a = 'abcde'
let obj = {a:a}
let obj = {a} //变量与属性同名可简写

React状态提升

• 和兄弟组件公用的状态放在父组件，或祖组件里

JSX

• JSX不能直接渲染对象，需要是数组

项目

• 一般做项目在最开始写静态页面之前，要重置样式 github项目minireset.css

（TIPS: mac重装系统可以发现是不是监管机，大家买二手建议仔细甄别，尽量避免被忽悠，浪费时间和精力。）

1. 解除系统的rootless限制，即SIP（system integrity protection）系统完整性保护。 方法是：关机，按住【Cmd+R】键重启，进入recovery恢复模式，在菜单【实用工具】中打开终端，输入csrutil disable禁用它，然后查看csrutil status是否已经禁用成功，然后退出重启（输入reboot）,重新启动 。

2. 正常进入系统，打开终端，尝试sudo nano或者sudo vi你的文件，看看能不能保存，如果还不行的话就执行sudo mount -uw /把系统挂载为可写，直到重启前都有效。 超级管理员权限Sudo -s 更改/System/Library/读写权限 是因为苹果系统认为这些文件太重要，于是就限定了所有被修改和操作的可能。注意这里限定是指restricted，而不是lock锁定。 使用ls -lO /system/...filepath可以查看到系统文件的属性中都带有restricted字样，这种文件sudo也动不了。 很多教程中说要改的plist文件都是限定的文件.

3. 去应用介面，找到其他里的“终端”启用并插入以下代码：

sudo mkdir /System/Library/LaunchAgentsDisabled; sudo mkdir /System/Library/LaunchDaemonsDisabled; 
sudo mv /System/Library/LaunchAgents/com.apple.ManagedClientAgent.agent.plist /System/Library/LaunchAgentsDisabled; 
sudo mv /System/Library/LaunchAgents/com.apple.ManagedClientAgent.enrollagent.plist /System/Library/LaunchAgentsDisabled; 
sudo mv /System/Library/LaunchDaemons/com.apple.ManagedClient.cloudconfigurationd.plist /System/Library/LaunchDaemonsDisabled; 
sudo mv /System/Library/LaunchDaemons/com.apple.ManagedClient.enroll.plist /System/Library/LaunchDaemonsDisabled; 
sudo mv /System/Library/LaunchDaemons/com.apple.ManagedClient.plist /System/Library/LaunchDaemonsDisabled; 
sudo mv /System/Library/LaunchDaemons/com.apple.ManagedClient.startup.plist /System/Library/LaunchDaemonsDisabled

4. 设置完毕重新开启SIP 与关闭的步骤类似，只是在第一步中输入csrutil enable即可。

FreeBSD

GNU

Linux(GNU/Linux)

• Ubuntu
• Debian Linux
• RedHat Linux
• CentOS
• Fedora
• Kali Linux

Linux 中的 diff 命令

diff 是一个非常方便的命令。假定有两个文件，它们包含几乎相同的信息，你没有办法找出区别。

diff 会处理文件，然后告诉你有差异的地方。