记一忘三二

本文系统整理了前端开发中常用的包管理工具（npm、cnpm、yarn、pnpm）、镜像源管理工具（nrm）、Node.js 版本管理工具（nvm）及文件删除工具（rimraf），帮助开发者高效配置开发

npm是前端项目和 Node.js 项目的包管理工具，从项目开发到更新维护都发挥着重要作用。下载依赖：下载、卸载、更新项目所需的第三方依赖包，并管理依赖版本（如锁定版本、处理冲突）。

package.json 是 NPM 项目的核心配置文件。 package-lock.json 用于辅助package.json配置，确保团队协作依赖一致性。

Shell、CMD、Bash的区别 Shell 是计算机操作系统中的一个用户界面，用于让用户与操作系统进行交互。

存储长期稳定的数据，读取速率很慢，断电数据也不会受到影响，内存，存储运行执行程序的数据，读取速率极快，断电后数据会丢失。

版本管理工具 集中式版本管理 分布式版本管理 命令 用户信息 设置全局用户信息 用户名 和 邮箱 只是用于标识提交代码时用户信息，并不需要和 Githab 、Gitee 等代码托管的用户信息平台相关联

前言 BUG总是改不完的，但是要在无限的BUG中寻找有限的知识，平时导入组件模块都会使用import，但是有没有疑惑import是怎样工作的喃？如果不懂，那还等什么，不去冲，难道等着被技术淘汰吗？ 模

Text 作为起点 Text 至 Blob Text 至 File Text 至 Base64 0-255以内的字符，属于 Latin1 字符集 包含中文等...，属于

Blob 全称是 Binary Large Object，二进制大型对象。 可以用来存储二进制数据。 不能修改。 不能直接读取，只能通过 FileReader 读取。

字符集 一组字符的集合，每个字符都有一个唯一的编号，称为码点。字符集的作用是将字符和码点一一对应起来，形成一个对照表。 ASCII 早期计算机起源于美国，ASCII 字符集是为英语设计的。

Scripts构建 sass编译 首先需要将./scss/style.scss转为./dist/style.css 但这样在执行编译命令时，需要记住目录、配置等编译参数 配置scripts能够给长命令

迭代器 介绍 可迭代对象其特征如下： 有序性：元素具有明确的顺序 连续性：元素可以按顺序连续访问 以下类型是可迭代对象 Array（数组） Map（键值对映射） Set（集合） NodeList（DO

项目搭建 生成目录结构 添加Eslint配置 下载依赖 配置文件 创建配置文件eslint.config.js package.json添加启动脚本 添加.husky配置 生成项目.git 自动配置h

添加至项目 eslint初始脚本添加 eslint的版本存在差异，并且在selint9修改了配置语法 vue-cli添加 已存在的项目添加 初始项目 eslint模块的作用 @eslint/eslin

创建型模式 构造器模式 不讲究属性和方法复用，比如person1和person2在内层中都是占用独立的空间 需注意，要使用Object.create(null)创建一个独立的空白对象，让每次调用cre

Grid网格布局学习笔记 盒子网格化 行列设置 网格布局的盒子需要明确的宽高 行列设置尺寸 行列设置百分比 百分比是相对于当前盒子的宽高 repeat函数 repeat两个参数，请确保有应该参数是固定

花费一个月时间学习总结的TS笔记，结合了各类文字教程和视频教程，从类型、函数、类、接口、泛型、装饰器，保证最全的笔记

服务器端缓存 特点 只针对GET请求类型 缓存时一种服务器处理请求的一种策略，也就是必须服务端有缓存的设置 请求头设置cache-control:no-cache用于强制不使用缓存策略（强缓存、协商缓

选择器 嵌套 连接父选择器 属性嵌套 编译结果： 注释 多行注释 单行注释 不会编译到最终css文件，因为在css文件中不存在单行注释 变量 分隔符 在scss中，_和-是同一个符号，也就是$colo

什么是构建工具 开发者不用关心代码的编译和打包过程，只需要按照官方文档书写配置就可以畅通写代码 也可以把构建工具想成汽车工厂，通过各种其他工具把零散的零件拼接成一辆汽车 主要任务 支持模块化（各种模块