这篇内容是在有道云旧笔记基础上重新整理的 JavaScript 与前端开发 笔记。原始记录偏碎片化,这里补充了使用场景、阅读顺序和落地时需要注意的边界,方便以后在项目里快速复用。

适用场景 ​

  • 前端业务中需要快速处理数据、DOM、浏览器能力或通用工具函数时参考。
  • 把散落在项目里的小技巧抽成可复用代码片段,减少重复实现。
  • 排查兼容性和边界输入问题前,先用本文示例确认核心思路。

核心要点 ​

  • 正文已经按 「&x20;安装 Votal」、「&x20;在Docker Compose 创建 NodeJS 空容器」、「安装原生的MYSQL」 等小节组织,阅读时可以先定位到当前问题对应的小节。
  • 保留了 5 段可直接参考的代码或命令,主要涉及 bash,复制前需要按当前项目路径、版本和变量名做调整。
  • 涉及命令行操作时,建议先在测试目录或测试环境执行,确认输出符合预期后再应用到生产环境。

安装 Votal ​

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
# 安装
$ curl https://get.volta.sh | bash


# 更新环境变量
$ export VOLTA_HOME="~/.volta"
$ export PATH="$VOLTA_HOME/bin:$PATH"
$ source ~/.bashrc

# 查看版本
$ volta --version


# 一键脚本安装
#!/usr/bin/env bash
# Install volta if necessary
if [[ ! "$VOLTA_HOME" ]]; then
curl https://get.volta.sh | bash -s -- --skip-setup
export VOLTA_HOME=~/.volta
grep --silent "$VOLTA_HOME/bin" <<< $PATH || export PATH="$VOLTA_HOME/bin:$PATH"
volta install node
volta install yarn
volta install tsc
fi

在Docker Compose 创建 NodeJS 空容器 &#8203;

1
2
3
4
5
6
7
8
9
# docker compose *.yaml

$ empty-nodejs:
image: node:18 # 使用所需的Node.js版本
command: tail -f /dev/null # 运行一个空命令以保持容器运行
container_name: empty-nodejs
restart: always
networks:
- lanets

安装原生的MYSQL &#8203;

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
#  使用官方安装包安装源 https://dev.mysql.com/downloads/
$ wget https://repo.mysql.com/mysql-apt-config_0.8.26-1_all.deb
# wget -c https://dev.mysql.com/get/mysql-apt-config_0.8.25-1_all.deb


# 设置可执行权限
$ chmod +x ./mysql-apt-config_0.8.26-1_all.deb

# 安装
$ dpkg -i mysql-apt-config_0.8.26-1_all.deb

# 选择对应的版本,选择OK,并更新源
$ apt update # 这时候控制台已经有官方源

# 搜索相关版本
$ apt search mysql

# 安装所需版本
$ apt install default-mysql-client -y

$ service mysqld status

# shell 中 mysql: command not found 看完这篇就解决了
$ export PATH=/usr/local/mysql/bin:/sbin:/usr/bin:/usr/sbin:/usr/local/bin:/usr/local/sbin
$ export PATH=/usr/local/mysql/bin:/sbin:/usr/bin:/usr/sbin:/usr/local/bin:/usr/local/sbin





实践检查清单 &#8203;

  • 把示例函数放进业务前,先补齐空值、异常输入、异步失败和浏览器兼容性测试。
  • 通用工具函数应尽量收敛到项目公共模块,避免多个页面复制出不同版本。
  • 涉及接口、服务端或权限逻辑时,补充失败分支和权限边界测试。

复盘小结 &#8203;

这篇笔记更适合作为问题排查或方案落地前的速查材料。后续如果在真实项目中再次遇到同类问题,可以继续把具体版本、报错信息、最终取舍和验证结果补到对应小节里,让它从代码片段逐步沉淀成完整方案。