# note

**Repository Path**: acliunianc/note

## Basic Information

- **Project Name**: note
- **Description**: 前端笔记
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 1
- **Created**: 2022-07-27
- **Last Updated**: 2025-12-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# [CSS](CSS)


## [css关键概念.md](CSS\css关键概念.md)
 CSS语法、 CSS声明、 CSS声明块、 CSS规则、 CSS代码书写位置、 [权重（特异性）](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity)、 继承、 继承属性、 非继承属性、 全局属性值、 css属性的计算过程、 [盒模型](https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/The_box_model)、 盒子类型、 块盒、 行盒、 行块盒、 [包含块](https://developer.mozilla.org/zh-CN/docs/Web/CSS/Containing_block)、 根据包含块计算百分比值、 [视觉格式化模型](https://developer.mozilla.org/en-US/docs/Web/CSS/Visual_formatting_model)、 常规流、 外边距合并、 兄弟元素外边距合并、 父子元素外边距合并、 水平布局等式、 auto值优先级、 浮动、 高度塌陷、 定位、 auto值优先级、 脱离文档流、 **匿名盒**、 [块级格式化上下文（BFC）](https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Block_formatting_context)、 [层叠上下文（stack context）](https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context)、 层叠上下文的排列顺序、 参考线-深入理解字体、 文字、 font-size、 行高、 vertical-align、 可替换元素和行块盒的基线
## [css属性字典.md](CSS\css属性字典.md)
 css通用规则、 属性值的block和inline、 css简写属性、 不同数量值代表的含义、 css属性字典、 [accent-color](https://developer.mozilla.org/zh-CN/docs/Web/CSS/accent-color)、 [all](https://developer.mozilla.org/zh-CN/docs/Web/CSS/all)、 [animation](https://developer.mozilla.org/zh-CN/docs/Web/CSS/animation)、 [animation-composition](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-composition)、 [animation-timeline](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timeline)、 [animation-range](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-range)、 [appearance](https://developer.mozilla.org/zh-CN/docs/Web/CSS/appearance)[不推荐]、 [aspect-ratio](https://developer.mozilla.org/zh-CN/docs/Web/CSS/aspect-ratio)、 [backdrop-filter](https://developer.mozilla.org/zh-CN/docs/Web/CSS/backdrop-filter)、 [backface-visibility](https://developer.mozilla.org/zh-CN/docs/Web/CSS/backface-visibility)、 [background](https://developer.mozilla.org/zh-CN/docs/Web/CSS/background)、 [block-size](https://developer.mozilla.org/zh-CN/docs/Web/CSS/block-size)、 [border](https://developer.mozilla.org/zh-CN/docs/Web/CSS/border)、 [border-collapse](https://developer.mozilla.org/zh-CN/docs/Web/CSS/border-collapse)[仅表格生效]、 [border-spacing](https://developer.mozilla.org/zh-CN/docs/Web/CSS/border-spacing)[仅表格生效]、 [border-image](https://developer.mozilla.org/zh-CN/docs/Web/CSS/border-image)、 [border-radius](https://developer.mozilla.org/zh-CN/docs/Web/CSS/border-radius)、 [box-decoration-break](https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-decoration-break)、 [box-shadow](https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-shadow)、 [box-sizing](https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-sizing)、 [break-after](https://developer.mozilla.org/zh-CN/docs/Web/CSS/break-after)、 [break-before](https://developer.mozilla.org/en-US/docs/Web/CSS/break-before)、 [break-inside](https://developer.mozilla.org/zh-CN/docs/Web/CSS/break-inside)、 [caption-side](https://developer.mozilla.org/en-US/docs/Web/CSS/caption-side)[仅表格生效]、 [caret-color](https://developer.mozilla.org/zh-CN/docs/Web/CSS/caret-color)、 [clear](https://developer.mozilla.org/zh-CN/docs/Web/CSS/clear)、 [clip-path](https://developer.mozilla.org/zh-CN/docs/Web/CSS/clip-path)、 [color](https://developer.mozilla.org/zh-CN/docs/Web/CSS/color)、 [color-scheme](https://developer.mozilla.org/zh-CN/docs/Web/CSS/color-scheme)、 [column-fill](https://developer.mozilla.org/en-US/docs/Web/CSS/column-fill)、 [column-gap](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)、 [column-rule](https://developer.mozilla.org/zh-CN/docs/Web/CSS/column-rule)、 [column-span](https://developer.mozilla.org/zh-CN/docs/Web/CSS/column-span)、 [column-width](https://developer.mozilla.org/en-US/docs/Web/CSS/column-width)、 [column-count](https://developer.mozilla.org/zh-CN/docs/Web/CSS/column-count)、 [columns](https://developer.mozilla.org/zh-CN/docs/Web/CSS/columns)、 [contain](https://developer.mozilla.org/zh-CN/docs/Web/CSS/contain)、 [container](https://developer.mozilla.org/en-US/docs/Web/CSS/container)、 [content](https://developer.mozilla.org/en-US/docs/Web/CSS/content)、 [counter](https://developer.mozilla.org/zh-CN/docs/Web/CSS/counter-increment)、 [cursor](https://developer.mozilla.org/zh-CN/docs/Web/CSS/cursor)、 [empty-cells](https://developer.mozilla.org/zh-CN/docs/Web/CSS/empty-cells)、 [filter](https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter)、 [flex](https://developer.mozilla.org/zh-CN/docs/Web/CSS/flex)、 [float](https://developer.mozilla.org/zh-CN/docs/Web/CSS/float)、 [gap](https://developer.mozilla.org/zh-CN/docs/Web/CSS/gap)、 [hyphenate-character](https://developer.mozilla.org/en-US/docs/Web/CSS/hyphenate-character)[仅做了解]、 [hyphens](https://developer.mozilla.org/zh-CN/docs/Web/CSS/hyphens)[仅做了解]、 [inline-size](https://developer.mozilla.org/zh-CN/docs/Web/CSS/inline-size)、 [inset](https://developer.mozilla.org/zh-CN/docs/Web/CSS/inset)、 [inset-block](https://developer.mozilla.org/zh-CN/docs/Web/CSS/inset-block)、 [inset-inline](https://developer.mozilla.org/zh-CN/docs/Web/CSS/inset-inline)、 [isolation](https://developer.mozilla.org/zh-CN/docs/Web/CSS/isolation)、 [letter-spacing](https://developer.mozilla.org/zh-CN/docs/Web/CSS/letter-spacing)、 [list-style](https://developer.mozilla.org/zh-CN/docs/Web/CSS/list-style)、 [mask](https://developer.mozilla.org/zh-CN/docs/Web/CSS/mask)
## [css常用属性.md](CSS\css常用属性.md)
 [选择器](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_selectors)、 属性选择器、 伪类选择器、 a链接的伪类顺序、 伪元素选择器、 组合器、 样式、 书写习惯、 常用、 字体、 边框、 表格、 定位、 [阴影](./阴影.md)、 裁剪、 遮罩、 [背景](./背景.md)、 [滤镜](https://developer.mozilla.org/en-US/docs/Web/CSS/filter)、 用户代理、 截断、 排版、 局限、改善性能、 隔离、 图像、 轮廓、 溢出、 列表、 滚动、 文字环绕、 [过渡](./过渡.md)、 [变形](./变形.md)、 [动画](./动画.md)、 路径动画、 3D、 计数器、 间距、 [弹性布局](./弹性布局.md)、 弹性容器的样式、 弹性元素的样式、 [网格布局](./网格布局.md)、 多列布局、 媒体查询
## [Flexbox 属性详解.md](CSS\Flexbox 属性详解.md)
 flex-grow、 flex-shrink、 flex-basis、 flex约束、 方案 1：使用绝对定位的包裹元素、 方案 2：设置同层级的 `flex-basis`、 具体原因：
## [postcss](CSS\postcss)


### [postcss.md](CSS\postcss\postcss.md)
 postcss主流插件、 快捷安装和配置、 autoprefixer、 cssnano、 stylelint、 postcss-preset-env、 postcss-import、 purgecss、 自定义插件
## [sass](CSS\sass)


### [sass.md](CSS\sass\sass.md)
 变量、 数据类型、 数值类型、 字符串类型、 布尔类型、 列表、 字典、 颜色类型、 插值语法、 &、 控制指令、 三元表达式、 分支、 for循环、 while循环、 each循环、 混合指令、 函数指令、 自定义函数、 [内置函数](https://sass-lang.com/documentation/modules/)、 字符串相关内置函数、 数字相关内置函数、 列表相关内置函数、 字典相关内置函数、 颜色相关内置函数、 其他内置函数、 @规则、 @import、 @media、 @extend、 @at-root、 @debug、@warn、@error
## [动画.md](CSS\动画.md)
 动画
## [变形.md](CSS\变形.md)
 变形、 translate 平移、 scale 缩放、 rotate 旋转、 改变变形原点、 多种变形叠加、 
## [层叠上下文案例.md](CSS\层叠上下文案例.md)
 层叠上下文、 层叠等级与层叠顺序、 实战案例、 *CSS3* 中属性对层叠上下文的影响、 真题解答
## [弹性布局.md](CSS\弹性布局.md)
 弹性盒、 生成弹性容器和弹性项目、 更改方向、 主轴排列、 侧轴排列、 弹性项目伸缩、 主轴换行、 拓展
## [渐变.md](CSS\渐变.md)
 背景渐变
## [网格布局.md](CSS\网格布局.md)
 网格、 生成网格布局、 定义行和列、 改变排列方向、 单元格之间的间隙、 单元格内部的对齐、 网格项目定位、 默认宽高
## [背景.md](CSS\背景.md)
 背景、 background-color、 background-image、 background-clip、 background-origin、 background-position、 background-repeat、 background-size、 background-attachment
## [过渡.md](CSS\过渡.md)
 过渡
## [阴影.md](CSS\阴影.md)
 阴影、 盒子阴影、 文字阴影、 
## [高度从0过渡到auto.md](CSS\高度从0过渡到auto.md)
 使用grid布局、 使用js
# [ECMAScript](ECMAScript)


## [ECMAScript.md](ECMAScript\ECMAScript.md)
 ECMAScript、 js执行三部曲、 [运算符](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Expressions_and_operators)、 [赋值运算符](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Expressions_and_operators%E8%B5%8B%E5%80%BC%E8%BF%90%E7%AE%97%E7%AC%A6)、 [比较运算符](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Expressions_and_operators%E6%AF%94%E8%BE%83%E8%BF%90%E7%AE%97%E7%AC%A6)、 比较规则、 类型转换顺序、 相等运算符、 全等运算符、 [算术运算符](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Expressions_and_operators%E7%AE%97%E6%9C%AF%E8%BF%90%E7%AE%97%E7%AC%A6)、 [位运算符](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Expressions_and_operators%E4%BD%8D%E8%BF%90%E7%AE%97%E7%AC%A6)、 逻辑运算符、 条件（三元）运算符、 逗号运算符、 一元操作符、 关系运算符、 [运算符优先级](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Operator_precedence)、 [优先级和结合性](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Operator_precedence优先级和结合性)、 [相等性判断](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Equality_comparisons_and_sameness)、 **数据类型**、 null和undefined的区别、 判断数据类型、 类型转换、 强制类型转换、 转换成Number的规则、 转换成String的规则、 转换成Boolean的规则、 转换成Object的规则、 转换成Array的规则、 toString()、 隐式类型转换、 异步、 原型与原型链、 原型链、 判断原型、 **变量提升和函数提升**、 变量声明提升(变量提升)、 函数声明提升(函数提升)、 函数提升搭配块级作用域、 函数表达式和函数声明、 函数表达式、 立即执行函数、 函数声明、 构造函数、 new 关键字在调用时的作用、 new.target、 this指向、 call、apply和bind、 call和apply的区别、 作用域、 闭包（Closure）、 闭包产生的条件、 闭包的作用、 闭包的危害、 闭包的生命周期、 函数递归、 箭头函数、 箭头函数的this指向、 严格模式、 包装类、 类数组、 稀松数组、 可计算属性名、 ArrayBuffer、 ArrayBuffer和类型化数组视图、 Uint8Array、 其他知识、 NaN、 Infinity、 +0和-0
## [ES6+](ECMAScript\ES6+)


### [es2021.md](ECMAScript\ES6+\es2021.md)
 String的实例方法、 数字、 逻辑运算符、 WeakRef、 FinalizationRegistry、 Intl
### [es2022.md](ECMAScript\ES6+\es2022.md)
 Array的实例方法、 String的实例方法、 顶层await、 Class
### [es2023.md](ECMAScript\ES6+\es2023.md)
 Array实例方法、 WeekMap、 HashBang
### [es6+.md](ECMAScript\ES6+\es6+.md)
 更好的Unicode支持、 let和const、 空值运算符、 可选链操作符、 求幂运算符、 globalThis、 [Symbol](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol)、 普通符号、 共享符号、 知名（具名）符号、 箭头函数、 [Class](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes)、 static、 constructor、 extends、 super、 get/set访问器、 私有成员、 展开运算符、 解构、 Promise、 async和await、 Set集合、 Map集合、 [迭代器](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Iterator)、 背景知识、 JS中的迭代器、 [可迭代协议](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols)、 for-of 循环、 展开运算符与可迭代对象、 生成器（Generator）、 反射（Reflect）、 代理（Proxy）
### [js中使用模块化的前提.md](ECMAScript\ES6+\js中使用模块化的前提.md)


## [js内置对象.md](ECMAScript\js内置对象.md)
 [JavaScript标准内置对象](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects)、 [Array](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array)、 实例方法、 静态方法、 [String](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String)、 实例方法、 静态方法、 [Object](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object)、 实例方法、 静态方法、 [Number](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Number)、 静态属性、 实例方法、 静态方法、 [Function](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function)、 实例方法、 实例属性、 [Date](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date)、 实例方法、 静态方法、 [Math](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Math)、 静态方法、 [JSON](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON)、 [RegExp](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/RegExp)、 转义字符、 常用量词、 模式修正符、  命名捕获分组、 正则的方法、 其他常用方法
## [真值与假值.md](ECMAScript\真值与假值.md)
 Falsy、 Truthy
## [纯函数.md](ECMAScript\纯函数.md)


## [进制.md](ECMAScript\进制.md)
 进制、 正数、 负数、 进制转换、 十进制转换成任意进制、 整数部分、 小数部分、 任意进制转换成十进制、 整数部分、 小数部分、 任意进制转换成二进制、 整数部分、 小数部分
# [git](git)


## [git文档.md](git\git文档.md)
 git 常用命令。、 创建SSH Key、 配置用户信息、 仓库、 增加/删除文件、 代码提交、 查看信息、 分支、 标签、 远程同步、 撤销、 忽略文件配置（.gitignore)
# [HTML](HTML)


## [html.md](HTML\html.md)
 HTML、 文档声明、 根元素、 字符集、 空白折叠、 [实体字符](https://developer.mozilla.org/zh-CN/docs/Glossary/Entity)、 [转义字符](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Regular_expressions/Character_escape)、 单标签和成对标签、 可替换元素、 有序列表和无序列表、 有序列表、 无序列表、 主流浏览器及其内核、 语义化、 乱数假文、 [路径的写法](./网络中的相对路径和绝对路径.md)、 绝对路径、 相对路径、 站内资源、 站外资源、 <a>元素、 href属性、 普通链接、 锚链接、 功能链接、 target属性、 <img>元素、 alt属性、 src属性、 usemap属性、 -->、 <figure>元素、 <figcaption>子元素、 <iframe>元素、 name属性、  所有标签通用属性、 表单属性、 配合表单元素的其他元素、 <label>元素、 <datalist>元素、 <fieldset>元素、 <legend>元素、 progress、 meter、 video视频、 语义化容器元素、 元素的包含关系、 文档声明、 文档声明概念、 渲染模式、 真题解答、 语义化、 语义元素、 *HTML5* 常用的语义元素、 无障碍网页、 真题解答、 *W3C* 标准组织、 标准化 *Web*、 *W3C* 成员、 *W3C* 规范的批准步骤、 真题解答、 *SEO*、 内部优化、 外部优化、 真题解答、 *iframe*、 真题解答、 微格式、 真题解答、 替换元素、 常见的替换元素、 真题解答、 页面可见性、 真题解答
## [网络中的相对路径和绝对路径.md](HTML\网络中的相对路径和绝对路径.md)
 URL、 相对路径、 绝对路径
# [java](java)


## [java.md](java\java.md)
 类、 lombok注解、 封装、 多态、 final、 枚举类、 抽象类、 接口、 代码块、 静态代码块、 实例代码块、 内部类、 成员内部类、 静态内部类、 局部内部类、 匿名内部类、 函数式编程、 Lambda表达式、 方法引用、 静态方法引用、 实例方法引用、 特定类的方法引用、 构造器引用、 异常、 运行时异常、 编译时异常、 泛型、 泛型通配符、 包装类、 包装类新增的功能、 集合、 Collection、 List、 ArrayList、 LinkedList、 Set、 HashSet、 LinekedHashSet、 TreeSet、 Map、 HashMap、 LinkedHashMap、 TreeMap
# [NodeJs](NodeJs)


## [express](NodeJs\express)


### [express.md](NodeJs\express\express.md)
 基本使用、 安装、 搭建基本服务器、 中间件、 [内置中间件](https://expressjs.com/zh-cn/4x/api.htmlexpress)
## [nodejs.md](NodeJs\nodejs.md)
 模块查找、 相对路径规则、 process、 module对象、 require对象、 this指向、 基本内置模块、 os、 path、 url、 util、 文件I/O、 fs、 文件流、 可读流ReadStream、 可写流WriteStream、 http、 nodejs生命周期、 nodejs中的微队列、 EventEmitter
## [Node的事件循环.md](NodeJs\Node的事件循环.md)
 *Node* 事件循环、 经典真题、 *Node.js* 与浏览器的事件循环有何区别？、 进程与线程、 浏览器内核、 *GUI* 渲染线程、 *JavaScript* 引擎线程、 定时触发器线程、 事件触发线程、 异步 *http* 请求线程、 浏览器中的事件循环、 宏任务和微任务、 事件循环流程、 *Node.js* 中的事件循环、 *Node.js* 事件循环介绍、 事件循环的 *6* 个阶段、 一些注意点、 *Node.js* 与浏览器的事件队列的差异、 真题解答
## [使用nvm安装nodejs教程.md](NodeJs\使用nvm安装nodejs教程.md)
 使用nvm管理nodejs版本
## [服务器触发浏览器文件下载.md](NodeJs\服务器触发浏览器文件下载.md)
 文件下载的消息格式、 启用迅雷下载
# [npm](npm)


## [monorepo和multirepo.md](npm\monorepo和multirepo.md)
 monorepo&multirepo、 搭建 monorepo 工程、 工作区、 packages/ 下所有子包，但是不包括子包下面的包、 components/ 下所有的包，包含子包下面的子包、 排除 test 目录、 开始
## [npm.md](npm\npm.md)
 npm 、 npm基本概念、 关于包的概念、 npm指令、 查看相关信息的指令、 配置相关指令、 建立软链接、 切换到b项目、 切换到a项目、 缓存相关的指令、 包的更新相关的指令、 提供帮助、 包的说明文件、 包的说明信息相关的配置、 包执行相关配置、 包的依赖信息相关配置、 peerDependencies对等依赖问题、 发布npm包、 准备账号、 配置 package.json、 设置忽略文件、 .npmignore、 设置模块类型、 打包发布
## [npm常用指令.md](npm\npm常用指令.md)
 查看npm版本、 查看npm版本、 查看npm版本、 镜像源、 **设置镜像源**、 更换镜像源为淘宝、 官方镜像源、 **获取当前镜像源**、 安装包、 **查看全局安装的目录**、 安装所有依赖包、 仅安装生产依赖包、 **全局安装**、 包名和-g的位置可以互换、 一般全局安装一些CLI命令、 安装指定版本的包、 **同时安装多个包**、 查看、 查看包的安装路径、 查看当前[全局]包安装路径、 查看包的信息、 子信息：对应包中package.json中的字段 常用有versions 查看所有版本、 设置、 设置包的安装路径、 设置包的缓存位置、 登录、 注销、 查看当前登录的用户、 发布、 发布包版本更新、 补丁版本、 版本最后一位数字加一  1.0.0 -> 1.0.1（通常作为bug修复版本发布）、 小版本、 版本中间数字加一  1.0.0 -> 1.1.0（通常作为兼容更新功能版本发布）、 大版本、 版本第一位数字加一1.0.0 -> 2.0.0（通常作为不兼容大版本发布）、 发布包、 删除发布包、 更新、 检查更新、 更新包、 卸载包、 配置文件、 保存依赖关系、 本地安装所有依赖 dependencies + devDependencies、 仅安装生产环境的依赖 dependencies、 安装依赖到生产环境、 安装依赖到开发环境、 包的使用、 npm 脚本 （npm scripts）、 运行环境配置、 在node中读取package.json
## [npm搭建私服.md](npm\npm搭建私服.md)
 搭建npm私有服务器、 Verdaccio、 Verdaccio 相关的配置、 镜像管理工具nrm
## [npx.md](npm\npx.md)
 npx、 运行本地命令、 使用示例、 临时下载执行、 npm init、 等效于 npx create-包名、 等效于 npx @命名空间/create、 等效于 npx @命名空间/create-包名
# [pnpm](pnpm)


## [pnpm.md](pnpm\pnpm.md)
 pnpm全局下载包报错问题、 输入以下命令验证是否更改成功、 pnpm安装包、 安装依赖、 安装全部依赖、 pnpm临时安装包并执行命令、 比如：以下命令将会临时下载create-react-app 并执行 create-react-app my-app 命令、 修改pnpm下载源、 安装工作空间的包到指定项目中
# [React](React)


## [connected-react-router.md](React\connected-react-router.md)
 redux和router的结合（connected-react-router）、 connectRouter、 routerMiddleware、 ConnectedRouter、 一些action创建函数
## [dva.md](React\dva.md)
 dva、 dva的使用、 dva插件、 dva-loading
## [mobx.md](React\mobx.md)
 mobx、 安装、 mobx核心库、 mobx-react、 案例、 模块化、 注意事项
## [react-redux.md](React\react-redux.md)
 V7、 react-redux、 mapStateToProps、 mapDispatchToProps、 connect API、 connect方法：、 V8
## [react-router.md](React\react-router.md)
 V5版本、 React Router 概述、 站点、 React Router、 两种模式、 Hash Router 哈希路由、 Borswer History Router 浏览器历史记录路由、 路由组件、 Router组件、 Route组件、 Switch组件、 路由信息、 history、 location、 match、 非路由组件获取路由信息、 导航守卫、 其他组件、 Link、 NavLink、 Redirect、 Prompt、 V6版本、 从v5版本迁移、 数据路由器、 组件、 hooks、 关于v6版本无法在函数外部使用history跳转路由的解决方案
## [react-transition-group.md](React\react-transition-group.md)
 react-transition-group、 Transition组件、 props、 内部维护这些状态、 CSSTransition组件、 props、 SwitchTransition组件、 props、 TransitionGroup、 props
## [React.md](React\React.md)
 API、 React核心库、 ReactDOM、 JSX、 什么是JSX、 在JSX中嵌入表达式、 元素的不可变性、 组件和组件属性、 创建一个组件、 组件的属性、 组件状态、 事件、 深入认识setState、 生命周期、 旧版生命周期、 新版生命周期、 表单组件、 属性默认值 和 类型检查、 属性默认值、 属性类型检查、 HOC（高阶组件）、 ref、 Ref转发、 Context、 旧的API、 新版API、 PureComponent、 render props、 Portal、 错误边界、 React中的事件、 渲染原理、 首次渲染(新节点渲染)、 更新节点、 工具、 严格模式、 副作用、 Profiler、 Hook、 State Hook、 Effect Hook、 Context Hook、 Callback Hook、 Memo Hook、 Ref Hook、 ImperativeHandle Hook、 LayoutEffect Hook、 DebugValue Hook、 Reducer Hook、 [Transition Hook](https://react.docschina.org/reference/react/useTransition)、 [Deferred Hook](https://react.docschina.org/reference/react/useDeferredValue)、 React组件懒加载
## [React原理.md](React\React原理.md)
 前端框架的理解、 真题解答、 React 和 Vue 描述页面的区别、 JSX 历史来源、 模板的历史来源、 真题解答、 前端框架的分类、 自变量和因变量、 框架的分类、 真题解答、 虚拟 DOM、 为什么需要虚拟 DOM、 React 中的虚拟DOM、 真题解答、 React 整体架构、 旧架构的问题、 CPU 瓶颈、 I/O瓶颈、 新架构的解决思路、 解决 CPU 瓶颈、 解决 I/O 瓶颈、 真题解答、 React 渲染流程、 调度器、 协调器、 渲染器、 真题解答
## [React架构.md](React\React架构.md)
 Stack架构面临的问题、 Fiber 架构的优势、 Fiber 架构的实现细节
## [React框架](React\React框架)


### [Umijs](React\React框架\Umijs)


#### [Umi.md](React\React框架\Umijs\Umi.md)
 Umijs、 运行时配置文件、 配置文件、 全局前置脚本文件、 全局加载组件、 插件、 约定式路由、 布局、 404页面、 页面跳转、 路由监听、 样式、 路由数据加载、 启用方式、  使用方式、 微生成器、 如何使用、 或者、 页面生成器、 对页面模板内容进行自定义、 使用模板变量、 预设变量、 `dir` 模式、 回退、 组件生成器、 对组件模板内容进行自定义、 使用模板变量、 回退、 API、 createSearchParams、 generatePath、 matchPath、 matchRoutes、 Outlet、 resolvePath、 useAppData、 useLocation、 useNavigate、 useHistory、 useOutlet、 useOutletContext、 useParams、  useResolvedPath、 useRouteData、 useRoutes、 useRouteProps、 useSelectedRoutes、 useSearchParams
#### [UmiMax.md](React\React框架\Umijs\UmiMax.md)
 UmiMax、 命令行、 数据流、 `useModel`、 请求、 useRequest构建时配置、 运行时配置、 全局初始状态、 权限、 启用方式、 介绍、 扩展的路由配置、 自定义权限页面配置、 API、 useAccess、 Access、 	、 fallback、 children、 Mock
#### [傻瓜式教学.md](React\React框架\Umijs\傻瓜式教学.md)
 前置知识、 路由、 路由的配置、 404页面、 全局加载组件、 非运行时配置、 运行时配置、 环境变量、 自定义环境变量、 布局、 页面跳转、 请求、 请求的方法、 状态共享、 创建和使用Model、 ahooks、 step1、 step2
## [react第三方库的使用](React\react第三方库的使用)


### [antd常用组件汇总.md](React\react第三方库的使用\antd常用组件汇总.md)
 自定义组件、 [Form表单组件](https://ant-design.antgroup.com/components/form-cn)、 [Form.Item](https://ant-design.antgroup.com/components/form-cnformitem)、 [FormInstance](https://ant-design.antgroup.com/components/form-cnforminstance)、 表单收集对象值、 表单收集数组、 收集基本类型数组、 收集对象数组、 注意事项、 Table表格组件、 Column、 Icon图标组件、 使用自定义的图标、 Upload文件上传组件、 Grid栅格组件、 Row、 Col、 Modal对话框组件、 Pagination分页器组件
### [react-quill富文本.md](React\react第三方库的使用\react-quill富文本.md)
 RichTextComp组件、 样式同步
## [redux-actions.md](React\redux-actions.md)
 redux-actions、 createAction(s)、 createAction、 createActions、 handleAction(s)、 handleAction、 handleActions、 combineActions
## [Redux.md](React\Redux.md)
 V3版本、 Redux核心概念、 MVC、 前端需要一个独立的数据解决方案、 Action、 Reducer、 Store、 模块化、 Redux中间件（Middleware）、 第三方中间件、 redux-logger、 redux-thunk、 redux-promise、 redux-saga、 V4版本、 创建仓库、 创建切片、 组件获取仓库状态、 获取dispatch函数
## [新版生命周期 .pptx](React\新版生命周期 .pptx)


## [新版生命周期函数执行顺序.png](React\新版生命周期函数执行顺序.png)


## [旧版生命周期.pptx](React\旧版生命周期.pptx)


## [旧版生命周期函数执行顺序.png](React\旧版生命周期函数执行顺序.png)


## [调度器实现.md](React\调度器实现.md)


# [README.md](README.md)
 [CSS](CSS)、 [css关键概念.md](CSS\css关键概念.md)、 [css属性字典.md](CSS\css属性字典.md)、 [css属性深度解析.md](CSS\css属性深度解析.md)、 [css常用属性.md](CSS\css常用属性.md)、 [postcss](CSS\postcss)、 [postcss.md](CSS\postcss\postcss.md)、 [sass](CSS\sass)、 [sass.md](CSS\sass\sass.md)、 [动画.md](CSS\动画.md)、 [变形.md](CSS\变形.md)、 [层叠上下文案例.md](CSS\层叠上下文案例.md)、 [弹性布局.md](CSS\弹性布局.md)、 [渐变.md](CSS\渐变.md)、 [网格布局.md](CSS\网格布局.md)、 [背景.md](CSS\背景.md)、 [过渡.md](CSS\过渡.md)、 [阴影.md](CSS\阴影.md)、 [ECMAScript](ECMAScript)、 [ECMAScript.md](ECMAScript\ECMAScript.md)、 [ES6+](ECMAScript\ES6+)、 [es2021.md](ECMAScript\ES6+\es2021.md)、 [es2022.md](ECMAScript\ES6+\es2022.md)、 [es2023.md](ECMAScript\ES6+\es2023.md)、 [es6+.md](ECMAScript\ES6+\es6+.md)、 [js中使用模块化的前提.md](ECMAScript\ES6+\js中使用模块化的前提.md)、 [js内置对象.md](ECMAScript\js内置对象.md)、 [真值与假值.md](ECMAScript\真值与假值.md)、 [纯函数.md](ECMAScript\纯函数.md)、 [进制.md](ECMAScript\进制.md)、 [git](git)、 [git文档.md](git\git文档.md)、 [HTML](HTML)、 [html.md](HTML\html.md)、 [网络中的相对路径和绝对路径.md](HTML\网络中的相对路径和绝对路径.md)、 [NodeJs](NodeJs)、 [express](NodeJs\express)、 [express.md](NodeJs\express\express.md)、 [nodejs.md](NodeJs\nodejs.md)、 [Node的事件循环.md](NodeJs\Node的事件循环.md)、 [使用nvm安装nodejs教程.md](NodeJs\使用nvm安装nodejs教程.md)、 [服务器触发浏览器文件下载.md](NodeJs\服务器触发浏览器文件下载.md)、 [npm](npm)、 [monorepo和multirepo.md](npm\monorepo和multirepo.md)、 [npm.md](npm\npm.md)、 [npm常用指令.md](npm\npm常用指令.md)、 [npm搭建私服.md](npm\npm搭建私服.md)、 [npx.md](npm\npx.md)、 [pnpm](pnpm)、 [pnpm.md](pnpm\pnpm.md)、 [React](React)、 [connected-react-router.md](React\connected-react-router.md)、 [dva.md](React\dva.md)、 [mobx.md](React\mobx.md)、 [react-redux.md](React\react-redux.md)、 [react-router.md](React\react-router.md)、 [react-transition-group.md](React\react-transition-group.md)、 [React.md](React\React.md)、 [React原理.md](React\React原理.md)、 [React架构.md](React\React架构.md)、 [React框架](React\React框架)、 [Umijs](React\React框架\Umijs)、 [Umi.md](React\React框架\Umijs\Umi.md)、 [UmiMax.md](React\React框架\Umijs\UmiMax.md)、 [傻瓜式教学.md](React\React框架\Umijs\傻瓜式教学.md)、 [react第三方库的使用](React\react第三方库的使用)、 [antd常用组件汇总.md](React\react第三方库的使用\antd常用组件汇总.md)、 [react-quill富文本.md](React\react第三方库的使用\react-quill富文本.md)、 [redux-actions.md](React\redux-actions.md)、 [Redux.md](React\Redux.md)、 [新版生命周期 .pptx](React\新版生命周期 .pptx)、 [新版生命周期函数执行顺序.png](React\新版生命周期函数执行顺序.png)、 [旧版生命周期.pptx](React\旧版生命周期.pptx)、 [旧版生命周期函数执行顺序.png](React\旧版生命周期函数执行顺序.png)、 [调度器实现.md](React\调度器实现.md)、 [README.md](README.md)、 [ThreeJs](ThreeJs)、 [cannon.md](ThreeJs\cannon.md)、 [loader.md](ThreeJs\loader.md)、 [threejs.md](ThreeJs\threejs.md)、 [新threejs.md](ThreeJs\新threejs.md)、 [TypeScript](TypeScript)、 [ts模块化最佳解析策略.md](TypeScript\ts模块化最佳解析策略.md)、 [TypeScript.md](TypeScript\TypeScript.md)、 [TypeScript模块解析策略.md](TypeScript\TypeScript模块解析策略.md)、 [TypeScript配置.md](TypeScript\TypeScript配置.md)、 [uniapp](uniapp)、 [uncloud API操作.md](uniapp\uncloud API操作.md)、 [uniapp.md](uniapp\uniapp.md)、 [Vue](Vue)、 [computed和methods的区别.md](Vue\computed和methods的区别.md)、 [diff.md](Vue\diff.md)、 [Vue2](Vue\Vue2)、 [Vue.md](Vue\Vue2\Vue.md)、 [VueRouter.md](Vue\Vue2\VueRouter.md)、 [Vuex.md](Vue\Vue2\Vuex.md)、 [Vue用法.md](Vue\Vue2\Vue用法.md)、 [Vue的各种问题解决方法](Vue\Vue2\Vue的各种问题解决方法)、 [Vue的坑以及解决方案.md](Vue\Vue2\Vue的各种问题解决方法\Vue的坑以及解决方案.md)、 [解决history模式刷新404的问题.txt](Vue\Vue2\Vue的各种问题解决方法\解决history模式刷新404的问题.txt)、 [Vue重点.md](Vue\Vue2\Vue重点.md)、 [Vue面试题.md](Vue\Vue2\Vue面试题.md)、 [Vue3](Vue\Vue3)、 [vue3.md](Vue\Vue3\vue3.md)、 [响应式丢失.md](Vue\Vue3\响应式丢失.md)、 [vue响应式的本质.md](Vue\vue响应式的本质.md)、 [vue数据响应式的实现原理.md](Vue\vue数据响应式的实现原理.md)、 [优化.md](Vue\优化.md)、 [虚拟DOM.md](Vue\虚拟DOM.md)、 [预编译.md](Vue\预编译.md)、 [webgl](webgl)、 [webgl.md](webgl\webgl.md)、 [Web相关术语.md](Web相关术语.md)、 [前端服务监控](前端服务监控)、 [前端服务监控.md](前端服务监控\前端服务监控.md)、 [工具](工具)、 [emmet.md](工具\emmet.md)、 [hbuilderx代码块.md](工具\hbuilderx代码块.md)、 [hbuilderx常用快捷键.md](工具\hbuilderx常用快捷键.md)、 [hbuilderx快捷键.md](工具\hbuilderx快捷键.md)、 [typroa代码块类型.md](工具\typroa代码块类型.md)、 [vscode.code-profile](工具\vscode.code-profile)、 [VsCode代码块.md](工具\VsCode代码块.md)、 [VsCode使用指南.md](工具\VsCode使用指南.md)、 [VsCode快捷键.md](工具\VsCode快捷键.md)、 [各种js特效.md](工具\各种js特效.md)、 [实用函数.md](工具\实用函数.md)、 [微信小程序代码块.md](工具\微信小程序代码块.md)、 [编程英语.md](工具\编程英语.md)、 [设计模式.md](工具\设计模式.md)、 [工程化](工程化)、 [babel.md](工程化\babel.md)、 [browserslist.md](工程化\browserslist.md)、 [CommonJS和ESModule.md](工程化\CommonJS和ESModule.md)、 [css工程化.md](工程化\css工程化.md)、 [eslint.md](工程化\eslint.md)、 [glob表达式.md](工程化\glob表达式.md)、 [JavaScript库设计.md](工程化\JavaScript库设计.md)、 [rollup.md](工程化\rollup.md)、 [vite](工程化\vite)、 [vite.md](工程化\vite\vite.md)、 [webpack](工程化\webpack)、 [webpack.md](工程化\webpack\webpack.md)、 [webpack5更新了什么.md](工程化\webpack\webpack5更新了什么.md)、 [webpack理论.md](工程化\webpack\webpack理论.md)、 [关于webpack的诸多问题.md](工程化\webpack\关于webpack的诸多问题.md)、 [前端自动化测试](工程化\前端自动化测试)、 [jest.md](工程化\前端自动化测试\jest.md)、 [小屏幕体验优化.md](工程化\小屏幕体验优化.md)、 [工具的学习方法.md](工程化\工具的学习方法.md)、 [常用的项目配置.md](工程化\常用的项目配置.md)、 [开发规范.md](工程化\开发规范.md)、 [性能优化](工程化\性能优化)、 [gzip.md](工程化\性能优化\gzip.md)、 [tree shaking.md](工程化\性能优化\tree shaking.md)、 [代码压缩.md](工程化\性能优化\代码压缩.md)、 [优化loader性能.md](工程化\性能优化\优化loader性能.md)、 [减少模块解析.md](工程化\性能优化\减少模块解析.md)、 [延迟装载减少白屏.md](工程化\性能优化\延迟装载减少白屏.md)、 [性能优化.xmind](工程化\性能优化\性能优化.xmind)、 [性能优化概述.md](工程化\性能优化\性能优化概述.md)、 [手动分包.md](工程化\性能优化\手动分包.md)、 [模块懒加载.md](工程化\性能优化\模块懒加载.md)、 [热替换.md](工程化\性能优化\热替换.md)、 [网络性能优化.md.lnk](工程化\性能优化\网络性能优化.md.lnk)、 [自动分包.md](工程化\性能优化\自动分包.md)、 [环境变量.md](工程化\环境变量.md)、 [用户体验.md](工程化\用户体验.md)、 [微信小程序](微信小程序)、 [tabBar的注意事项.txt](微信小程序\tabBar的注意事项.txt)、 [小程序框架搭建.md](微信小程序\小程序框架搭建.md)、 [微信小程序.md](微信小程序\微信小程序.md)、 [微信小程序的事件.txt](微信小程序\微信小程序的事件.txt)、 [微信小程序组件.txt](微信小程序\微信小程序组件.txt)、 [微信小程序背单词.txt](微信小程序\微信小程序背单词.txt)、 [微信小程序配置项.txt](微信小程序\微信小程序配置项.txt)、 [数据结构算法](数据结构算法)、 [数据结构.md](数据结构算法\数据结构.md)、 [浏览器](浏览器)、 [canvas.md](浏览器\canvas.md)、 [DOM.md](浏览器\DOM.md)、 [fetch.md](浏览器\fetch.md)、 [HTML Drag and Drop API.md](浏览器\HTML Drag and Drop API.md)、 [Intersection Observer.md](浏览器\Intersection Observer.md)、 [Resize Observer.md](浏览器\Resize Observer.md)、 [Selection.md](浏览器\Selection.md)、 [WebAPI.md](浏览器\WebAPI.md)、 [Web性能指标.md](浏览器\Web性能指标.md)、 [XHR和Fetch的区别.md](浏览器\XHR和Fetch的区别.md)、 [XMLHttpRequest.md](浏览器\XMLHttpRequest.md)、 [事件循环.md](浏览器\事件循环.md)、 [同源策略和跨域.md](浏览器\同源策略和跨域.md)、 [强缓存和协商缓存.md](浏览器\强缓存和协商缓存.md)、 [浏览器.md](浏览器\浏览器.md)、 [浏览器事件生命周期.md](浏览器\浏览器事件生命周期.md)、 [浏览器渲染流程.md](浏览器\浏览器渲染流程.md)、 [浏览器缓存.md](浏览器\浏览器缓存.md)、 [资源提示符.md](浏览器\资源提示符.md)、 [跨标签页通信.md](浏览器\跨标签页通信.md)、 [第三方库](第三方库)、 [echarts](第三方库\echarts)、 [echarts总结.md](第三方库\echarts\echarts总结.md)、 [echarts默写.md](第三方库\echarts\echarts默写.md)、 [echarts默写题目.md](第三方库\echarts\echarts默写题目.md)、 [系统环境变量已配置但powershell无法执行命令.md](系统环境变量已配置但powershell无法执行命令.md)、 [网络](网络)、 [cookie.md](网络\cookie.md)、 [CSRF攻击.md](网络\CSRF攻击.md)、 [HTTP各版本差异.md](网络\HTTP各版本差异.md)、 [jsonp.md](网络\jsonp.md)、 [JWT.md](网络\JWT.md)、 [SSL、TLS、HTTPS.md](网络\SSL、TLS、HTTPS.md)、 [TCP协议.md](网络\TCP协议.md)、 [WebSocket.md](网络\WebSocket.md)、 [XSS攻击.md](网络\XSS攻击.md)、 [域名和DNS.md](网络\域名和DNS.md)、 [网络性能优化.md](网络\网络性能优化.md)、 [请求响应报文.md](网络\请求响应报文.md)、 [运维](运维)、 [nginx部署](运维\nginx部署)、 [nginx步骤.md](运维\nginx部署\nginx步骤.md)、 [云服务器部署上线.png](运维\nginx部署\云服务器部署上线.png)、 [反向代理.png](运维\nginx部署\反向代理.png)
# [ThreeJs](ThreeJs)


## [cannon.md](ThreeJs\cannon.md)
 cannon、 创建物理世界、 创建受物理影响的物体、 监听碰撞事件，播放声音、 人为施加力度、 将Threejs物体和物理物体关联
## [loader.md](ThreeJs\loader.md)
 loader加载器以及对应的用处
## [threejs.md](ThreeJs\threejs.md)
 前置、 知识点、 坐标系、 摄像机范围、 实践、 渲染、 渲染循环、 画线、 画文字、 踩坑、 几何体、 材质、 下载素材时后缀对应的材质贴图、 Object 3D、 Mesh、 光、 阴影、 当需要渲染阴影时，渲染器可以开启渲染阴影、 当物体需要出现阴影时，物体要投射阴影，并且不接收阴影、 要使用阴影时，光源需要开启投影、 创建一个阴影相机助手(仅在有阴影时使用) at：https://threejs.org/docs/?q=helperapi/zh/helpers/CameraHelper、 接收投影、 纹理、 helper、 controls、 manager、 使用更多Loader、 代码块、 当需要渲染阴影时，渲染器可以开启渲染阴影",、 当物体需要出现阴影时，物体要投射阴影，并且不接收阴影",、 不接收阴影：默认值 false，这条语句可以省略",、 创建一个阴影相机助手(仅在有阴影时使用) at：https://threejs.org/docs/?q=helperapi/zh/helpers/CameraHelper",、 要使用阴影时，光源需要开启投影",
## [新threejs.md](ThreeJs\新threejs.md)
 threejs、 先导、 图形Mesh、 形状、 材质、 纹理贴图、 透明度贴图、 高光贴图、 环境贴图、 光照贴图、 环境光遮蔽贴图、 uv贴图、 法向量、 纹理、 动画Animation、 光线投射Raycaster、 [加载器](https://threejs.org/docs/index.html?q=loadingapi/zh/loaders/managers/DefaultLoadingManager)
# [TypeScript](TypeScript)


## [ts模块化最佳解析策略.md](TypeScript\ts模块化最佳解析策略.md)
 bundler、 搭配 module 和 moduleResolution、 baseUrl与paths
## [TypeScript.md](TypeScript\TypeScript.md)
 TS简介、 TS配置文件、 TS嵌入提示、 TS解决的问题、 严格模式、 TS的类型、 字面量、 number、 string、 boolean、 null、 undefined、 数组、 对象、 void、 never、 any、 unknown、 元组、 枚举、 联合类型、 交叉类型、 类型拓宽、 类型缩窄、 类型别名、 接口、 [类（class）](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/class)、 override关键字、 抽象类、 修饰符、 属性修饰符、 访问修饰符、 修饰操作符、 装箱与拆箱类型、 结构化类型、 结构化类型判定、 类型断言、 as、 as const、 satisfies、 非空断言、 断言函数、 映射类型、 模板类型、 索引签名、 类型演算、 typeof、 keyof、 in、 泛型、 泛型约束、 infer推断、 条件类型、 	分布式条件特性、 递归、 调用签名、 函数重载、 this指向约束、 装饰器、 使用装饰器、 类装饰器、 成员装饰器、 参数装饰器、 访问器属性装饰器、 三斜线指令、 类型声明文件、 编写声明文件、  declare module、 declare namespace、 declare global、 声明合并、 相关配置、 拓展、 第三方库的typescript、 TS忽略检查
## [TypeScript模块解析策略.md](TypeScript\TypeScript模块解析策略.md)
 moduleResolution、 node10/node、 Node16 or NodeNext、 Typescript不会处理模块说明符、 main/module/unpkg/types与exports
## [TypeScript配置.md](TypeScript\TypeScript配置.md)
 ts配置、 配置项、 常用配置
## [TypeScript高级类型技巧.md](TypeScript\TypeScript高级类型技巧.md)
 高级类型技巧、 示例
## [utils.ts](TypeScript\utils.ts)


# [uniapp](uniapp)


## [uncloud API操作.md](uniapp\uncloud API操作.md)
 unicloud api操作、 云函数调用、 云函数实现云数据库基本增删改查、 获取数据库引用
## [uniapp.md](uniapp\uniapp.md)
 简介、 组件生命周期、 应用生命周期、 [页面生命周期](https://uniapp.dcloud.net.cn/tutorial/page.htmllifecycle)、 执行顺序、 [pages.json](https://uniapp.dcloud.net.cn/collocation/pages.html)、 [easycom](https://uniapp.dcloud.net.cn/collocation/pages.htmleasycom)、 [API](https://uniapp.dcloud.net.cn/api/)、 [交互反馈](https://uniapp.dcloud.net.cn/api/ui/prompt.htmlshowmodal)、 [节点信息](https://uniapp.dcloud.net.cn/api/ui/nodes-info.html)、 [路由跳转](https://uniapp.dcloud.net.cn/api/router.html)、 [预加载](https://uniapp.dcloud.net.cn/api/preload-page.html)、 [EventChannel](https://uniapp.dcloud.net.cn/api/router.htmlevent-channel)、 [窗口动画](https://uniapp.dcloud.net.cn/api/router.htmlanimation)、 [页面通信](https://uniapp.dcloud.net.cn/api/window/communication.html)、 [数据缓存](https://uniapp.dcloud.net.cn/api/storage/storage.html)、 [网络](https://uniapp.dcloud.net.cn/api/request/request.html)、 图片、 滚动、 窗口、 [条件编译](https://uniapp.dcloud.net.cn/tutorial/platform.html)、 安全区、 状态栏、 小程序胶囊、 用户授权
# [utools数据](utools数据)


## [snippets_data_1734147075482.json](utools数据\snippets_data_1734147075482.json)


## [随机数据插件导出.rbak](utools数据\随机数据插件导出.rbak)


# [Vue](Vue)


## [Vue2](Vue\Vue2)


### [computed和methods的区别.md](Vue\Vue2\computed和methods的区别.md)
 computed和methods的区别
### [diff.md](Vue\Vue2\diff.md)
 diff、 `patch`函数的对比流程
### [Vue.md](Vue\Vue2\Vue.md)
 注入、 虚拟DOM树、 挂载、 完整流程、 组件开发、 创建组件、 注册组件、 全局注册、 局部注册、 应用组件、 组件树、 向组件传递数据、 vue-cli、 SFC、 预编译、 计算属性、 v-bind动态绑定多个值、 v-if和v-show、 组件事件、 插槽、 插槽的简单用法、 具名插槽、 路由插件、 基本使用、 路由模式、 导航、 激活状态、 命名路由、 动态路由、 动态路由的导航、 编程式导航、 watch、 使用css module、 得到组件渲染的Dom、 扩展vue实例、 ref、 组件生命周期、 常见应用、 加载远程数据、 直接操作DOM、 启动和清除计时器、 自定义指令、 全局定义、 局部定义、 指令配置对象、 bingding 对象、 配置简化、 混入、 事件修饰符、 $listeners、 v-model、 创建仓库、 数据的变更、 异步处理、 分析打包结果、 优化公共库打包体积、 使用CDN、 启用现代模式、 优化项目包体积、 页面分包、 优化首屏响应、 异步组件、 应用
### [VueRouter.md](Vue\Vue2\VueRouter.md)
 路由的基本使用、 路由的标签、 路由跳转、 编程式路由导航、 $router(路由器)、 $route(路由)、 路由独有的声明周期函数、 VueRouter配置、 VueRouter配置里的routes配置项、 [导航守卫](https://v3.router.vuejs.org/zh/guide/advanced/navigation-guards.html)
### [Vuex.md](Vue\Vue2\Vuex.md)
 Vuex的配置对象、 actions、 mutations、 state、 getters、 函数、 命名空间
### [vue数据响应式的实现原理.md](Vue\Vue2\vue数据响应式的实现原理.md)
 数据响应式原理、 Observer、 Dep、 Watcher、 Scheduler、 总体流程
### [Vue用法.md](Vue\Vue2\Vue用法.md)
 事件修饰符、 写在组件标签中的事件修饰符、 按键修饰符，搭配键盘事件使用、 Vue的配置项、 Vue常用生命周期函数、 特殊属性、 Vue的指令、 Vue实例的常用API、 Vue实例的常用属性、 Vue的标签汇总、 Vuex的配置项、 Vuex的方法、 Vuex的模块化、 Vuex.Store实例内配置模块化、 $route的属性、 $router的方法、 $router原型上的方法、 VueRouter配置项、 VueRouter配置里的routes配置项、 被keep-alive缓存的组件新增的生命周期函数、 Vue路由守卫
### [Vue的各种问题解决方法](Vue\Vue2\Vue的各种问题解决方法)


#### [Vue的坑以及解决方案.md](Vue\Vue2\Vue的各种问题解决方法\Vue的坑以及解决方案.md)
 Vue的坑、 1.父子组件通信，子组件不实时更新数据、 举例：、 解决方法：、 方案一：计算属性，强烈推荐、 方案二：监视数据，强烈推荐、 方案三：父组件调用子组件方法传递新值，推荐、 方案四：将数据使用在模板中，不太推荐
#### [解决history模式刷新404的问题.txt](Vue\Vue2\Vue的各种问题解决方法\解决history模式刷新404的问题.txt)


### [Vue重点.md](Vue\Vue2\Vue重点.md)
 计算属性computed:、 监视属性watch:、 computed和watch之间的区别:、 Vue监视数据的原理:、 	1.vue会监视data中所有层次的数据、 	2.如何监视对象中的数据？、 	3.如何监视数组中的数据？、 	4.在Vue修改数组中的某个元素一定要用如下方法之一:、 过滤器filter：、 自定义指令总结：、 常用的生命周期钩子：、 Vue中使用组件的三大步骤：、 脚手架内关于不同版本的Vue：、 ref属性：、 配置项props：、 mixin(混入)：、 插件(plugins)、 scoped样式、 组件的自定义事件、 全局事件总线(GlobalEventBus)、 消息订阅与发布(pubsub)、 Vue封装的过渡与动画、 v-model的原理、 sync修饰符
### [Vue面试题.md](Vue\Vue2\Vue面试题.md)
 Vue2面试题、 组件通信、 父子组件通信、 prop、 自定义事件、 $refs搭配$on和$emit、 传递函数、 style和class、 attribute、 v-model、 sync修饰符、 $parent和$children、 $slots和$scopedSlots、 跨组件通信、 Provide和Inject、 Vuex、 store模式(自己搭建一个仓库)、 事件总线(eventbus)、 template、render、模板、 <span id="vModel">v-model</span>、 生命周期详解、 [Transition组件](https://cn.vuejs.org/v2/guide/transitions.html)、 时机、 流程、 过渡组
## [Vue3](Vue\Vue3)


### [vue3.md](Vue\Vue3\vue3.md)
 SFC单文件组件、 [组件名格式](https://cn.vuejs.org/guide/components/registration.htmlcomponent-name-casing)、 `<script setup>`、 编译器宏、 defineProps、 withDefaults、 defineEmits、 defineExpose、 defineOptions、 [defineSlots](https://cn.vuejs.org/api/sfc-script-setup.htmldefineslots)、 defineModel、 v-model参数、 多个`v-model`绑定、 处理 `v-model` 修饰符、 useSlots()、 useAttrs()、 顶层await、 泛型、 [动态组件](https://cn.vuejs.org/guide/essentials/component-basics.htmldynamic-components)、 css功能、 组件作用域 CSS、 子组件的根元素、 深度选择器、 插槽选择器、 全局选择器、 CSS Modules、 自定义注入名称、 与组合式 API 一同使用、 CSS 中的 `v-bind()`、 表单的特殊属性、 模板语法、 同名简写、 受限的全局访问、 [仅支持表达式](https://cn.vuejs.org/guide/essentials/template-syntax.htmlexpressions-only)、 动态参数、 [动态参数值的限制](https://cn.vuejs.org/guide/essentials/template-syntax.htmldynamic-argument-value-constraints)、 [动态参数语法的限制](https://cn.vuejs.org/guide/essentials/template-syntax.htmldynamic-argument-syntax-constraints)、 修饰符 Modifiers、 响应式、 深层响应性、 nextTick、 `reactive()`、 [响应式代理 vs. 原始对象](https://cn.vuejs.org/guide/essentials/reactivity-fundamentals.htmlreactive-proxy-vs-original-1)、 [`reactive()` 的局限性](https://cn.vuejs.org/guide/essentials/reactivity-fundamentals.htmllimitations-of-reactive)、 [ `ref()` ](https://cn.vuejs.org/guide/essentials/reactivity-fundamentals.htmlreactive-variables-with-ref)、 [计算属性](https://cn.vuejs.org/guide/essentials/computed.htmlcomputed-properties)、 [基础示例](https://cn.vuejs.org/guide/essentials/computed.htmlbasic-example)、 [计算属性缓存 vs 方法](https://cn.vuejs.org/guide/essentials/computed.htmlcomputed-caching-vs-methods)、 [可写计算属性](https://cn.vuejs.org/guide/essentials/computed.htmlwritable-computed)、 [最佳实践](https://cn.vuejs.org/guide/essentials/computed.htmlbest-practices)、 [Getter 不应有副作用](https://cn.vuejs.org/guide/essentials/computed.htmlgetters-should-be-side-effect-free)、 [避免直接修改计算属性值](https://cn.vuejs.org/guide/essentials/computed.htmlavoid-mutating-computed-value)、 Class 与 Style 绑定、 在组件上使用、 [绑定内联样式](https://cn.vuejs.org/guide/essentials/class-and-style.htmlbinding-inline-styles)、 [绑定对象](https://cn.vuejs.org/guide/essentials/class-and-style.htmlbinding-to-objects-1)、 [绑定数组](https://cn.vuejs.org/guide/essentials/class-and-style.htmlbinding-to-arrays-1)、 [自动前缀](https://cn.vuejs.org/guide/essentials/class-and-style.htmlauto-prefixing)、 [样式多值](https://cn.vuejs.org/guide/essentials/class-and-style.htmlmultiple-values)、 v-for、 `v-for` 与数组、 [`v-for` 与对象](https://cn.vuejs.org/guide/essentials/list.htmlv-for-with-an-object)、 [在 `v-for` 里使用范围值](https://cn.vuejs.org/guide/essentials/list.htmlv-for-with-a-range)、 `v-for` 与 `v-if`、 [组件上使用 `v-for`](https://cn.vuejs.org/guide/essentials/list.htmlv-for-with-a-component)、 v-model、 [值绑定](https://cn.vuejs.org/guide/essentials/forms.htmlvalue-bindings)、 [复选框](https://cn.vuejs.org/guide/essentials/forms.htmlcheckbox-1)、 [单选按钮](https://cn.vuejs.org/guide/essentials/forms.htmlradio-1)、 [选择器选项](https://cn.vuejs.org/guide/essentials/forms.htmlselect-options-2)、 生命周期钩子、 [监听器](https://cn.vuejs.org/guide/essentials/watchers.htmlwatchers)、 [基本示例](https://cn.vuejs.org/guide/essentials/watchers.htmlbasic-example)、 [监听数据源类型](https://cn.vuejs.org/guide/essentials/watchers.htmlwatch-source-types)、 深层监听器、 [`watchEffect()`](https://cn.vuejs.org/guide/essentials/watchers.htmlwatcheffect)、 [`watch` vs. `watchEffect`](https://cn.vuejs.org/guide/essentials/watchers.htmlwatch-vs-watcheffect)、 [回调的触发时机](https://cn.vuejs.org/guide/essentials/watchers.htmlcallback-flush-timing)、 [停止监听器](https://cn.vuejs.org/guide/essentials/watchers.htmlstopping-a-watcher)、 组件、 props、 [使用一个对象绑定多个 prop](https://cn.vuejs.org/guide/components/props.htmlbinding-multiple-properties-using-an-object)、 [Prop 校验](https://cn.vuejs.org/guide/components/props.htmlprop-validation)、 [运行时类型检查](https://cn.vuejs.org/guide/components/props.htmlruntime-type-checks)、 [Boolean 类型转换](https://cn.vuejs.org/guide/components/props.htmlboolean-casting)、 [事件](https://cn.vuejs.org/guide/components/events.htmlcomponent-events)、 [触发与监听事件](https://cn.vuejs.org/guide/components/events.htmlemitting-and-listening-to-events)、 [组件 v-model](https://cn.vuejs.org/guide/components/v-model.htmlcomponent-v-model)、 [`v-model` 的参数](https://cn.vuejs.org/guide/components/v-model.htmlv-model-arguments)、 [多个 `v-model` 绑定](https://cn.vuejs.org/guide/components/v-model.htmlmultiple-v-model-bindings)、 [处理 `v-model` 修饰符](https://cn.vuejs.org/guide/components/v-model.htmlhandling-v-model-modifiers)、 [透传 Attributes](https://cn.vuejs.org/guide/components/attrs.htmlfallthrough-attributes)、 [Attributes 继承](https://cn.vuejs.org/guide/components/attrs.htmlattribute-inheritance)、 [对 `class` 和 `style` 的合并](https://cn.vuejs.org/guide/components/attrs.htmlclass-and-style-merging)、 [`v-on` 监听器继承](https://cn.vuejs.org/guide/components/attrs.htmlv-on-listener-inheritance)、 [深层组件继承](https://cn.vuejs.org/guide/components/attrs.htmlnested-component-inheritance)、 [禁用 Attributes 继承](https://cn.vuejs.org/guide/components/attrs.htmldisabling-attribute-inheritance)、 [多根节点的 Attributes 继承](https://cn.vuejs.org/guide/components/attrs.htmlattribute-inheritance-on-multiple-root-nodes)、 [在 JavaScript 中访问透传 Attributes](https://cn.vuejs.org/guide/components/attrs.htmlaccessing-fallthrough-attributes-in-javascript)、 依赖注入、 Prop 逐级透传问题、 [Provide (提供)](https://cn.vuejs.org/guide/components/provide-inject.htmlprovide)、 [应用层 Provide](https://cn.vuejs.org/guide/components/provide-inject.htmlapp-level-provide)、 [Inject (注入)](https://cn.vuejs.org/guide/components/provide-inject.htmlinject)、 [注入默认值](https://cn.vuejs.org/guide/components/provide-inject.htmlinjection-default-values)、 [和响应式数据配合使用](https://cn.vuejs.org/guide/components/provide-inject.htmlworking-with-reactivity)、 [异步组件](https://cn.vuejs.org/guide/components/async.htmlasync-components)、 [基本用法](https://cn.vuejs.org/guide/components/async.htmlbasic-usage)、 [加载与错误状态](https://cn.vuejs.org/guide/components/async.htmlloading-and-error-states)、 [搭配 Suspense 使用](https://cn.vuejs.org/guide/components/async.htmlusing-with-suspense)、 [自定义指令](https://cn.vuejs.org/guide/reusability/custom-directives.htmlcustom-directives)、 [介绍](https://cn.vuejs.org/guide/reusability/custom-directives.htmlintroduction)、 [指令钩子](https://cn.vuejs.org/guide/reusability/custom-directives.htmldirective-hooks)、 [钩子参数](https://cn.vuejs.org/guide/reusability/custom-directives.htmlhook-arguments)、 [简化形式](https://cn.vuejs.org/guide/reusability/custom-directives.htmlfunction-shorthand)、 [对象字面量](https://cn.vuejs.org/guide/reusability/custom-directives.htmlobject-literals)、 [在组件上使用](https://cn.vuejs.org/guide/reusability/custom-directives.htmlusage-on-components)
### [响应式丢失.md](Vue\Vue3\响应式丢失.md)
 父传子props响应式丢失、 解决方案
## [vue响应式的本质.md](Vue\vue响应式的本质.md)
 vue响应式的本质
## [优化.md](Vue\优化.md)
 使用key、 使用冻结的对象、 使用函数式组件、 使用计算属性、 非实时绑定的表单项、 保持对象引用稳定、 使用v-show替代v-if、 使用延迟装载（defer）、 使用keep-alive、 虚拟滚动
## [虚拟DOM.md](Vue\虚拟DOM.md)
 虚拟DOM、 虚拟DOM的作用、 提供了跨平台能力、 减少重排和重绘
## [预编译.md](Vue\预编译.md)
 预编译
# [webgl](webgl)


## [webgl.md](webgl\webgl.md)
 API、 缓冲区、 着色器、 变量、 片元着色器、 纹理、 纹理容器、 非二次幂图像显示、 纹理的复制、 纹理的镜像复制、 纹理滤波器、 纹理合成、 struct、 glsl的数组、 程序流程控制、 if判断、 for循环、 函数、 参数限定词、 变量的作用域、 精度限定词、 精度的分类、 精度的定义方法、 渐变
# [Web相关术语.md](Web相关术语.md)
 AJAX、 Base64
# [前端服务监控](前端服务监控)


## [前端服务监控.md](前端服务监控\前端服务监控.md)
 错误监控、 JS运行异常、 1、window.onerror、 2、window.addEventListener('error')、 两者的区别和选用、 静态资源加载异常、 Promise异常、 Vue2、Vue3 错误捕获、 HTTP请求异常、 跨域脚本错误、 React 错误捕获、 项目代码实战、 1、创建全局配置、 2、error、 3、事件处理、 4、路径处理、 5、index.js、 数据上报、 Navigator.sendBeacon()、 语法、 参数、 返回值、 requestIdleCallback、 帧、 一帧里事件执行顺序、 延迟上报、 图片打点上报的方式、 页面性能监控、 Lighthouse灯塔、 Lighthouse 给出 Opportunities 优化建议、 Lighthouse 给出 Diagnostics 诊断问题列表、 Performance 寻找性能瓶颈、 W3C标准化、 [PerformanceObserver](https://developer.mozilla.org/zh-CN/docs/Web/API/PerformanceObserver)、 [web-vitals](https://web.dev/metrics/)、 [以用户为中心的性能指标](https://web.dev/user-centric-performance-metrics/)、 [什么是 FCP？](https://web.dev/fcp/)、 怎样算是良好的 FCP 分数？、 [什么是 LCP？](https://web.dev/lcp/)、 哪些元素在考量范围内、 [什么是 CLS?](https://web.dev/cls/)、 怎样算是良好的 CLS 分数？、 影响分数、 [什么是 FID？](https://web.dev/fid/)、 如果交互没有事件侦听器怎么办？ 、 为什么只考虑首次输入？、 以技术为中心的性能指标、 关键时间点、 关键时间段、 用户行为监控、 前端埋点、 PV、UV、 页面停留时长、 页面跳转、 Vue 路由变更
# [工具](工具)


## [emmet.md](工具\emmet.md)
 emmet快捷指令
## [hbuilderx代码片段.md](工具\hbuilderx代码片段.md)
 js代码块、 Hbuilderx官方代码块、 Vue代码块
## [hbuilderx常用快捷键.md](工具\hbuilderx常用快捷键.md)


## [hbuilderx快捷键.md](工具\hbuilderx快捷键.md)


## [typroa代码块类型.md](工具\typroa代码块类型.md)
 typroa代码块类型
## [VsCode代码片段.md](工具\VsCode代码片段.md)
 个人代码块、 Global、 当需要渲染阴影时，渲染器可以开启渲染阴影",、 当物体需要出现阴影时，物体要投射阴影，并且不接收阴影",、 不接收阴影：默认值 false，这条语句可以省略",、 创建一个阴影相机助手(仅在有阴影时使用) at：https://threejs.org/docs/?q=helperapi/zh/helpers/CameraHelper",、 要使用阴影时，光源需要开启投影",、 使用总结、 插件snippetsV4.4.3
## [VsCode使用指南.md](工具\VsCode使用指南.md)
 注释折叠、 提升效率、 选择、 转到、 外观、 右键
## [VsCode快捷键.md](工具\VsCode快捷键.md)
 vscode、 代码的快捷键、 编码相关、 选中多行后、 删除相关、 格式化、 注释、 匹配相关、 折叠相关、 代码助手、 定位相关、 光标相关、 比较相关、 软件功能键
## [前端.code-profile](工具\前端.code-profile)


## [各种js特效.md](工具\各种js特效.md)
 随机字母雨特效
## [实用函数.md](工具\实用函数.md)
 获取url的查询字符串参数对象、 数组去重、 类型判断、 快速获取dom元素、 快速创建dom元素、 过渡动画、 快速给dom元素设置样式、 日期格式化、 生成随机数、 生成随机浮点数、 生成数组项一致结构、 base64转文件、 触发浏览器下载行为、 字节单位换算、 深度克隆、 深度比较、 深度查找、 深度过滤、 深度映射、 深度扁平化映射、 深度排序、 格式化字符串大小写、 合并数据、 查找对象数组中重复且连续的值、 将对象中相同成员名的数组值合并、 失败重试、 高阶函数、 单例模式
## [微信小程序代码块.md](工具\微信小程序代码块.md)


## [编程英语.md](工具\编程英语.md)
 全部单词、 threejs单词
## [设计模式.md](工具\设计模式.md)
 工厂模式、 建造者模式、 单例模式、 组合模式、 享元模式(继承模式)、 观察者模式、 状态模式、 策略模式、 简化冗余的判断
# [工程化](工程化)


## [babel.md](工程化\babel.md)
 常用、 Babel介绍、 Babel快速入门、 配置文件、 配置文件格式、 配置文件选项、 插件和预设配置、 输出目标选项、 配置合并选项、 源码映射选项、 其他选项、 CLI、 编译文件相关的 CLI、 编译结果输出到控制台、 编译结果输出到指定文件、 编译整个目录到指定目录下、 编译整个目录下的文件，输出到一个文件里面、 监视文件，当文件发生变化时自动重新编译、 忽略文件和拷贝文件、 忽略 src 目录下面的所有测试文件、 将 src 目录下的文件原封不动的复制到 lib 目录下、 进行拷贝的时候忽略文件中匹配的文件不要拷贝、 使用插件和预设、 指定插件、 指定预设、 使用配置文件、 使用插件、 **插件使用的细节**、 插件列表、 使用预设、 预设的基本使用、 官方预设、 stage-x 预设、 @babel/preset-env、 APIs、 transformXXX、 parseXXX、 loadXXX、 自定义插件、 AST、 Babel处理代码流程、 解析（parse）、 转换（transform）、 生成（generate）、 遍历、 访问者、 路径、 状态、 示例一、 示例二
## [browserslist.md](工程化\browserslist.md)
 browerslist 
## [CommonJS和ESModule.md](工程化\CommonJS和ESModule.md)
 CommonJS、 如何导出、 如何导入、 ES Module、 如何导出、 导入并导出、 如何导入、 CommonJS和ES Module模块化的区别、 模块解析策略、 CommonJS模块查找策略、 ESM模块查找策略、 浏览器模块查找策略
## [css工程化.md](工程化\css工程化.md)
 CSS工程化
## [eslint.md](工程化\eslint.md)
 规则参考、 规则的重要性、 规则注释、 配置文件的书写、 配置对象的选项、 ESLint 插件、 插件名称的规范、 使用插件的方式、 使用插件实例演示、 自定义ESLint插件、 集成Prettier
## [glob表达式.md](工程化\glob表达式.md)
 glob表达式、 介绍、 通配符
## [JavaScript库设计.md](工程化\JavaScript库设计.md)
 JavaScript库设计、 函数的设计、 提升健壮性、 异常捕获、 安全防护、 号表示私有属性。、 避免原型入侵、 总结、 开源协议和准备工作、 开源协议、 文档相关的准备工作、 README文档、 待办清单、 变更日志、 API 文档
## [rollup.md](工程化\rollup.md)
 常用配置、 多产物配置、 多入口配置、 动态导入与默认代码分割、 使用插件、 [@rollup/plugin-node-resolve](https://github.com/rollup/plugins/tree/master/packages/node-resolve)、 [output.manualChunks](https://cn.rollupjs.org/configuration-options/output-manualchunks)、 [@rollup/plugin-commonjs](https://github.com/rollup/plugins/tree/master/packages/commonjs)、 [@rollup/plugin-babel](https://github.com/rollup/plugins/tree/master/packages/babel)、 题外话：@babel/runtime、 [@rollup/plugin-typescript](https://github.com/rollup/plugins/tree/master/packages/typescript)、 [@rollup/plugin-alias](https://www.npmjs.com/package/@rollup/plugin-alias)、 搭建React工程、 快速安装依赖、 node_modules、 react、 @types/react、 react预设、 rollup、 rollup常规插件、 typescript相关、 @rollup/plugin-babel相关、 @babel/runtime相关、 html文件模板、 替换字符串、 开发服务器与live server、 clear插件、 scss、 postcss、 图片处理、 nodejs typescript类型、 别名插件、 terser、 visualizer、 tsconfig.json、 .babelrc.json、 rollup.config.ts
## [vite](工程化\vite)


### [vite.md](工程化\vite\vite.md)
 环境变量、 生产环境替换、 `.env` 文件、 所有情况下都会加载、 所有情况下都会加载，但会被 git 忽略、 只在指定模式下加载、 只在指定模式下加载，但会被 git 忽略、 模式、 .env.production、 .env.staging、 配置别名、 代理服务器、 处理静态资源、 动态导入静态资源、 打包结果、 每一个通过import()动态导入的静态资源，都会对应打包出一个同名的js文件、 Code Splitting、 单词解释、 Vite 默认拆包策略、 自定义拆包策略、 对象方式、 预加载指令生成、 异步 Chunk 加载优化、 函数方式、 循环引用问题
## [webpack](工程化\webpack)


### [webpack.md](工程化\webpack\webpack.md)
 webpack是什么？、 我们为什么需要构建工具？、 webpack给我们带来的好处、 webpack的入口文件和打包路径、 webpack区分环境、 webpack编译过程、 Loader、 Plugin、 在前台使用环境变量
### [webpack5更新了什么.md](工程化\webpack\webpack5更新了什么.md)
 webpack5、 清除输出目录、 top-level-await、 打包体积优化、 打包缓存开箱即用、 资源模块
### [webpack理论.md](工程化\webpack\webpack理论.md)
 如何在浏览器端实现模块化、 课程简介、 浏览器端的模块化、 根本原因、 解决办法、 常见的构建工具、 webpack、 webpack简介、 webpack的安装、 使用、 模块化兼容性、 同模块化标准、 不同模块化标准、 最佳实践、 配置文件
### [关于webpack的诸多问题.md](工程化\webpack\关于webpack的诸多问题.md)
 关于webpack的诸多问题、 为什么要学webpack？、 webpack scope hoisting
## [代码哲学.md](工程化\代码哲学.md)
 代码相关、 合作相关、 BUG相关、 文档相关、 规范管理
## [前端自动化测试](工程化\前端自动化测试)


### [jest.md](工程化\前端自动化测试\jest.md)
 前言、 install、 [匹配器](https://jestjs.io/docs/using-matchers)、 常用匹配器、 toBe、 toEqual、 布尔值相关匹配器、 toBeNull、 toBeUndefined、 toBeDefined、 toBeTruthy、 toBeFalsy、 数值相关匹配器、 toBeGreaterThan、 toBeGreaterThanOrEqual、 toBeLessThan、 toBeLessThanOrEqual、 toBeCloseTo、 字符串相关匹配器、 toMatch、 数组相关匹配器、 toContain、 toContainEqual、 异常相关匹配器、 toThrow、 [非对称匹配器](https://jestjs.io/docs/expectasymmetric-matchers)、 expect.arrayContaining、 expect.objectContaining、 修饰符、 test.only、 生命周期方法、 beforeAll和afterAll、 beforeEach和afterEach、 Each搭配All、 搭配describe分组、 describe和each、 describe和all、 describe和each和all、 模拟函数、 创建模拟函数、 jest.fn、 jest.spyOn、 mock.calls、 mock.results、 mockReturnValue、 toHaveBeenCalled、 toHaveBeenCalledTimes、 toHaveBeenCalledWith、 toHaveBeenLastCalledWith、 toHaveBeenNthCalledWith、 toHaveLastReturnedWith、 toHaveNthReturnedWith、 toHaveReturned、 toHaveReturnedTimes、 toHaveReturnedWith、 模拟模块、 相关api、 模拟第三方模块、 模拟本地模块、 模拟计时器、 [快照测试](https://jestjs.io/zh-Hans/docs/snapshot-testinginline-snapshots)、 扩展场景、 总结、 常用配置、 Typescript、 测试浏览器环境、 Testing Library、 查询类型、 测试React组件、 @testing-library/react、  测试 Hook、 测试 Vue 组件、 快速上手、 测试快照、 更多示例、 总结
## [小屏幕体验优化.md](工程化\小屏幕体验优化.md)
 表单优化、 按钮优化、 填写优化、 提示优化、 页面栈优化、 页面权限、 自定义tabBar、 页面切换动画、 骨架屏、 图片上传
## [工具的学习方法.md](工程化\工具的学习方法.md)
 更多工具学习方法、 API、 CLI、 配置文件、 规则、 插件、 VSCode 扩展、 总结
## [常用的项目配置.md](工程化\常用的项目配置.md)
 package.json、 tsconfig.json
## [开发规范.md](工程化\开发规范.md)
 目录结构、 文件名后的rc、 index.js、 发送请求、 组件封装、 什么时候需要封装组件、 函数规范、 组合式函数+组件的最佳实践、 命名规范、 函数名称、 构造函数、类、组件、常量、 CSS类名、 变量命名、 常量命名、 对象成员命名、 组件命名、 页面文件夹以及页面组件命名、 自定义钩子(hook)、 高阶组件(HOC)、 高阶函数(HOF)、 其他、 代码规范
## [性能优化](工程化\性能优化)


### [gzip.md](工程化\性能优化\gzip.md)
 gzip、 B/S结构中的压缩传输、 使用webpack进行预压缩
### [tree shaking.md](工程化\性能优化\tree shaking.md)
 tree shaking、 背景、 使用、 原理、 使用第三方库、 作用域分析、 副作用问题、 css tree shaking
### [代码压缩.md](工程化\性能优化\代码压缩.md)
 代码压缩、 前言、 Terser、 webpack+Terser
### [优化loader性能.md](工程化\性能优化\优化loader性能.md)
 优化loader性能、 进一步限制loader的应用范围、 缓存loader的结果、 为loader的运行开启多线程
### [减少模块解析.md](工程化\性能优化\减少模块解析.md)
 减少模块解析、 什么叫做模块解析？、 不做模块解析会怎样？、 哪些模块不需要解析？、 如何让某个模块不要解析？
### [延迟装载减少白屏.md](工程化\性能优化\延迟装载减少白屏.md)
 使用延迟装载（defer）
### [性能优化.xmind](工程化\性能优化\性能优化.xmind)


### [性能优化概述.md](工程化\性能优化\性能优化概述.md)
 性能优化概述
### [手动分包.md](工程化\性能优化\手动分包.md)
 手动分包、 基本原理、 打包公共模块、 使用公共模块、 总结
### [模块懒加载.md](工程化\性能优化\模块懒加载.md)
 模块懒加载
### [热替换.md](工程化\性能优化\热替换.md)
 热替换 HMR、 使用和原理、 样式热替换
### [网络性能优化.md.lnk](工程化\性能优化\网络性能优化.md.lnk)


### [自动分包.md](工程化\性能优化\自动分包.md)
 自动分包、 基本原理、 分包策略的基本配置、 分包策略的其他配置、 缓存组、 配合多页应用、 原理
## [环境变量.md](工程化\环境变量.md)
 环境变量、 [cross-env](https://www.npmjs.com/package/cross-env)、 设置环境变量、 [dotenv](https://www.npmjs.com/package/dotenv)、 特殊用法、 支持通过参数修改当前环境、 不支持的情况下、 step1、 step2、 step3
## [用户体验.md](工程化\用户体验.md)
 用户体验、 表单默认填写、 输入框回车触发表单提交、 数据依赖页快速定位、 回到顶部、 级联选择、 页面选项卡、 删除操作提示、 夜间模式、 加载动画、 动画效果、 引导提示、 表单填写误退出、 拒绝生硬的样式、 响应式布局、 请求取消、 提交按钮节流、 表格列合并展示、 国际化、 隐藏没有权限的功能
## [组件封装原则.md](工程化\组件封装原则.md)


# [微信小程序](微信小程序)


## [tabBar的注意事项.txt](微信小程序\tabBar的注意事项.txt)


## [小程序框架搭建.md](微信小程序\小程序框架搭建.md)
 小程序框架搭建、 使用第三方库、 配置模块路径映射、 发起请求转换为Promise、 剔除重复代码、 操作反馈
## [微信小程序.md](微信小程序\微信小程序.md)
 微信小程序、 与其他框架不一样的地方、 前置知识、 数据绑定、 单向绑定、 双向绑定、 app.json、 pages、 模板、 事件、 事件对象、 构造器、 程序构造器App()、 页面构造器Page()、 全局数据、 注册页面、 组件、 [组件间通信](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/events.html)、 [抽象节点](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/generics.html)、 路由、 [Behavior](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/behaviors.html)、 API、 节点信息、 动画、 worklet动画、 初始渲染缓存、 在初始渲染缓存中添加动态内容、 重新启动策略、 退出状态、 小程序的更新机制、 Skyline、 [数据监听器](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/observer.html)、 [关联自定义组件](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/relations.html)、 <span id="pageStack">页面栈</span>、 自定义tabBar
## [微信小程序的事件.txt](微信小程序\微信小程序的事件.txt)


## [微信小程序组件.txt](微信小程序\微信小程序组件.txt)


## [微信小程序背单词.txt](微信小程序\微信小程序背单词.txt)


## [微信小程序配置项.txt](微信小程序\微信小程序配置项.txt)


# [数据结构算法](数据结构算法)


## [数据结构.md](数据结构算法\数据结构.md)
 基本概念、 数据、 数据元素、 数据项、 数据对象、 数据结构、 逻辑结构、 逻辑结构的种类、 存储结构、 存储结构的种类、 数据类型、 数据类型的作用、 抽象数据类型、 抽象数据类型的形式定义、 算法、 算法效率、 算法时间效率的度量、 算法时间复杂度定义、 分析算法时间复杂度的基本方法
# [浏览器](浏览器)


## [canvas.md](浏览器\canvas.md)
 canvas、 创建canvas画布、 属性、 设置命令、 路径命令、 绘制命令、 填充命令、 清除命令、 功能命令、 状态命令、 变形命令、 创建命令
## [DOM.md](浏览器\DOM.md)
 DOM(Docoment Object Model)、 DOM继承树、 浏览器文档结构、 节点的类型、 选择节点、 直接选择元素节点、 间接选择节点、 操作节点、 节点的属性、 DOM元素布局信息、 常用的DOM方法、 DOM操作CSS、 DOM事件、 监听 dom 事件、 事件类型、 表单类事件、 鼠标类事件、 键盘事件、 手机端事件、 注册事件、 事件处理函数、 事件对象常用的属性和方法、 事件默认行为、 事件传播机制、 DocumentFragment
## [fetch.md](浏览器\fetch.md)
 Fetch、 参数、 返回值、 中断Fetch、 进度监控、 响应进度监控、 无法进行请求进度监控
## [HTML Drag and Drop API.md](浏览器\HTML Drag and Drop API.md)
 拖拽API
## [Intersection Observer.md](浏览器\Intersection Observer.md)
 Intersection Observer、 [IntersectionObserverEntry](https://developer.mozilla.org/zh-CN/docs/Web/API/IntersectionObserverEntry)、 案例：图片懒加载
## [Resize Observer.md](浏览器\Resize Observer.md)
 Resize Observer、 ResizeObserverEntry、 示例
## [Selection.md](浏览器\Selection.md)
 [Selection](https://developer.mozilla.org/en-US/docs/Web/API/Selection)
## [WebAPI.md](浏览器\WebAPI.md)
 [WebAPI](https://developer.mozilla.org/zh-CN/docs/Web/API)、 [window](https://developer.mozilla.org/zh-CN/docs/Web/API/Window/window)、 计时器、 文件选择、 界面交互、 base64相关、 渲染帧相关、 窗口相关、 地址栏相关、 API相关、 window事件、 [Background Fetch](https://developer.mozilla.org/zh-CN/docs/Web/API/Background_Fetch_API)、 [Background Synchronization](https://developer.mozilla.org/zh-CN/docs/Web/API/Background_Synchronization_API)、 [Beacon](https://developer.mozilla.org/zh-CN/docs/Web/API/Beacon_API)、 [Background Tasks](https://developer.mozilla.org/zh-CN/docs/Web/API/Background_Tasks_API)、 [Broadcast Channel](https://developer.mozilla.org/zh-CN/docs/Web/API/Broadcast_Channel_API)、 [Canvas](./canvas.md)、 [Console](https://developer.mozilla.org/zh-CN/docs/Web/API/Console_API)、 [Cookie Store](https://developer.mozilla.org/zh-CN/docs/Web/API/Cookie_Store_API)、 [DOM](./DOM.md)、 [Device Orientation Events](https://developer.mozilla.org/en-US/docs/Web/API/Device_orientation_events)、 [EyeDropper](https://developer.mozilla.org/zh-CN/docs/Web/API/EyeDropper_API)、 [Encrypted Media Extensions](https://developer.mozilla.org/zh-CN/docs/Web/API/Encrypted_Media_Extensions_API)、 [Encoding](https://developer.mozilla.org/zh-CN/docs/Web/API/Encoding_API)、 TextDecoder、 TextEncoder、 FormData、 File、 FileReader、 [File System](https://developer.mozilla.org/zh-CN/docs/Web/API/File_System_API)、 [Fullscreen](https://developer.mozilla.org/zh-CN/docs/Web/API/Fullscreen_API)、 [Fetch](./fetch.md)、 [Gamepad](https://developer.mozilla.org/zh-CN/docs/Web/API/Gamepad_API)、 [Geolocation](https://developer.mozilla.org/zh-CN/docs/Web/API/Geolocation_API)、 [Geometry Interfaces](https://developer.mozilla.org/en-US/docs/Web/API/Geometry_interfaces)、 [HTML DOM](https://developer.mozilla.org/zh-CN/docs/Web/API/HTML_DOM_API)、 [HTMLMediaElement](https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLMediaElement)、 [Houdini](https://developer.mozilla.org/zh-CN/docs/Web/API/Houdini_APIs)、 [CSS Properties and Values API](https://developer.mozilla.org/en-US/docs/Web/API/CSS_Properties_and_Values_API)、 [CSS Typed Object Model API](https://developer.mozilla.org/en-US/docs/Web/API/CSS_Typed_OM_API)、 StylePropertyMap、 [CSS Painting API](https://developer.mozilla.org/en-US/docs/Web/API/CSS_Painting_API)、 [History](https://developer.mozilla.org/zh-CN/docs/Web/API/History)、 [HTML Drag and Drop API](./HTML Drag and Drop API.md)、 [Idle Detection](https://developer.mozilla.org/en-US/docs/Web/API/Idle_Detection_API)、 [Ink API](https://developer.mozilla.org/en-US/docs/Web/API/Ink_API)、 [Insertable Streams for MediaStreamTrack](https://developer.mozilla.org/en-US/docs/Web/API/Insertable_Streams_for_MediaStreamTrack_API)、 [Image Capture](https://developer.mozilla.org/en-US/docs/Web/API/MediaStream_Image_Capture_API)、 [IndexedDB](https://developer.mozilla.org/zh-CN/docs/Web/API/IndexedDB_API)、 [Intersection Observer](./Intersection Observer.md)、 [Network Information](https://developer.mozilla.org/zh-CN/docs/Web/API/Network_Information_API)、 [Page Visibility](https://developer.mozilla.org/zh-CN/docs/Web/API/Page_Visibility_API)、 [Permissions](https://developer.mozilla.org/zh-CN/docs/Web/API/Permissions_API)、 Presentation、 [Picture-in-Picture](https://developer.mozilla.org/zh-CN/docs/Web/API/Picture-in-Picture_API)、 [Prioritized Task Scheduling](https://developer.mozilla.org/en-US/docs/Web/API/Prioritized_Task_Scheduling_API)、 [Performance](https://developer.mozilla.org/zh-CN/docs/Web/API/Performance_API)、 [Pointer Lock](https://developer.mozilla.org/zh-CN/docs/Web/API/Pointer_Lock_API)、 [Remote Playback](https://developer.mozilla.org/zh-CN/docs/Web/API/Remote_Playback_API)、 [Resize Observer](https://developer.mozilla.org/zh-CN/docs/Web/API/Resize_Observer_API)、 [SVG](https://developer.mozilla.org/en-US/docs/Web/API/SVG_API)、 [Storage](https://developer.mozilla.org/zh-CN/docs/Web/API/Storage_API)、 [Server Sent Events](https://developer.mozilla.org/zh-CN/docs/Web/API/Server-sent_events)、 EventSource、 [Screen Orientation](https://developer.mozilla.org/en-US/docs/Web/API/Screen_Orientation_API)、 [Service Worker](https://developer.mozilla.org/zh-CN/docs/Web/API/Service_Worker_API)、 [Stream](https://developer.mozilla.org/zh-CN/docs/Web/API/Streams_API)、 [Shared Storage](https://developer.mozilla.org/en-US/docs/Web/API/Shared_Storage_API)、 [Selection](./Selection.md)、 [Touch Events](https://developer.mozilla.org/zh-CN/docs/Web/API/Touch_events)、 [UI Events](https://developer.mozilla.org/en-US/docs/Web/API/UI_Events)、 [URL Pattern](https://developer.mozilla.org/en-US/docs/Web/API/URL_Pattern_API)、 URL、 URLSearchParams、 View Transitions、 [Visual Viewport](https://developer.mozilla.org/en-US/docs/Web/API/Visual_Viewport_API)、 [Web Animations](https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Animations_API)、 [WebSocket](https://developer.mozilla.org/zh-CN/docs/Web/API/WebSockets_API)、 [Web Audio](https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Audio_API)、 [WebTransport](https://developer.mozilla.org/en-US/docs/Web/API/WebTransport_API)、 WebStorage、 [Web Component](https://developer.mozilla.org/zh-CN/docs/Web/API/Web_components)、 [Web Worker](https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Workers_API)、 [Web Crypto](https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Crypto_API)、 [WebCodecs](https://developer.mozilla.org/zh-CN/docs/Web/API/WebCodecs_API)、 [WebVTT](https://developer.mozilla.org/zh-CN/docs/Web/API/WebVTT_API)、 [WebGL](https://developer.mozilla.org/zh-CN/docs/Web/API/WebGL_API)、 [Web Notifications](https://developer.mozilla.org/zh-CN/docs/Web/API/Notifications_API)、 [Window Management](https://developer.mozilla.org/en-US/docs/Web/API/Window_Management_API)、 [WebRTC](https://developer.mozilla.org/zh-CN/docs/Web/API/WebRTC_API)、 [XMLHttpRequest](./XMLHttpRequest.md)、 MutationObserver
## [Web性能指标.md](浏览器\Web性能指标.md)


## [XHR和Fetch的区别.md](浏览器\XHR和Fetch的区别.md)
 AJAX
## [XMLHttpRequest.md](浏览器\XMLHttpRequest.md)
 [XMLHttpRequest](https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API)、 事件
## [事件循环.md](浏览器\事件循环.md)
 调用栈（Call Stack）、 队列、 任务队列（Task Queue）、 微任务队列（Microtask Queue）、 事件循环（event loop）、 事件循环的基本概念、 事件循环的工作流程、 理解JS的异步
## [同源策略和跨域.md](浏览器\同源策略和跨域.md)
 同源策略、 实施同源策略的原因、 同源和异源、 跨域出现的场景、 网络中的跨域、 浏览器如何限制异源请求？、 解决方案、 CORS、 简单请求、  简单请求的交互规范、  需要预检的请求、  附带身份凭证的请求、 跨域获取响应头、 JSONP、 代理、 如何选择
## [强缓存和协商缓存.md](浏览器\强缓存和协商缓存.md)
 浏览器缓存类型、 强缓存（Strong Caching）、 主要的缓存控制指令、 协商缓存（Conditional Caching）、 主要的协商缓存头部、 示例、 缓存策略总结
## [浏览器.md](浏览器\浏览器.md)
 输入地址按下回车、 浏览器的组成部分、 用户界面（`user interface`）、 浏览器引擎（`browser engine`）、 渲染引擎（`rendering engine`）、 从数据到 `DOM`、 `CSS` 数据到 `CSSOM`、 `DOM` 和 `CSSOM` 渲染树、 布局、 绘制、 整体流程图、 网络（`networking`）、 `JS` 解释器（`JavaScript interpreter`）、 用户界面后端（`UI backend`）、 数据存储（`data storage`）、 总结、 浏览器离线存储概述、 `WebSQL`、 打开数据库、 执行操作、 插入数据、 读取数据、 删除数据、 修改数据、 总结、 `IndexedDB`、 `IndexedDB` 简介、 `IndexedDB` 重要概念、 `IndexedDB` 实操、 操作数据库、 插入数据、 读取数据、 通过主键读取数据、 IDBKeyRange、 更新数据、 删除数据、 `File API`、 `File API` 介绍、 `File` 对象、 构造函数、 实例属性和实例方法、 `FileList` 对象、 `FileReader` 对象、 综合实例、 `File System Access API`、 浏览器的通信能力、 用户代理、 自动发出请求的能力、 自动解析响应的能力、 基本流程、 AJAX、 登录和鉴权
## [浏览器事件生命周期.md](浏览器\浏览器事件生命周期.md)


## [浏览器渲染流程.md](浏览器\浏览器渲染流程.md)
 [浏览器渲染流程](https://developer.mozilla.org/en-US/docs/Web/Performance/How_browsers_work)、 解析 HTML、 构建渲染树、 布局（Layout 或 Reflow）、 分层（Layering）、 光栅化（Rasterization 或 Paint）、 合成（Compositing）、 transform
## [浏览器缓存.md](浏览器\浏览器缓存.md)
 浏览器缓存、 按照缓存位置分类、 `Service Worker`、 `Memory Cache`、 `Disk Cache`、 `Push Cache`、 按照缓存类型分类、 强制缓存、 `Expires`、 `Pragma`、 `Cache-control`、 协商缓存、 Last-Modified & If-Modified-Since、 Etag & If-None-Match、 Vary、 缓存读取规则、 浏览器行为、 缓存引发的问题、 缓存的最佳实践、 服务器响应、 频繁变动的资源、 不常变化的资源
## [资源提示符.md](浏览器\资源提示符.md)
 link元素资源提示符、 preload、 prefetch、 prerender、 preconnect、 script元素资源提示符、 没有`async`或`defer`属性的`<script>`标签、 带有`async`属性的`<script>`标签、 带有`defer`属性的`<script>`标签
## [跨标签页通信.md](浏览器\跨标签页通信.md)
 跨标签页通信、 `BroadCast Channel`、 `Service Worker`、 `LocalStorage window.onstorage` 监听、 跨源通信、 `window.open、window.postMessage`、 `Websocket`、 `MessageChannel`、 `web worker`、 `web worker` 概述、 `web Worker` 使用示例、 使用 `web Worker` 实现跨标签页通信
# [浏览器插件](浏览器插件)


## [浏览器插件原生开发注意事项.md](浏览器插件\浏览器插件原生开发注意事项.md)
 前置知识、 执行顺序、 保证连接、 监听原窗口的请求、 [manifest.json](https://developer.chrome.com/docs/extensions/reference/manifest?hl=zh-cn)、 [content_scripts](https://developer.chrome.com/docs/extensions/reference/manifest/content-scripts?hl=zh-cn)、 内容脚本、 注入脚本、 模块化、 请求、 主机访问权限、 资源访问权限、 计时器
# [第三方库](第三方库)


## [echarts](第三方库\echarts)


### [echarts总结.md](第三方库\echarts\echarts总结.md)
 通用配置项、 title:标题、 tooltip:提示、 toolbox:工具按钮、 legend:图例、 grid:网格、 axisPointer:坐标轴指示器(辅助轴线)、 通用属性、 常用配置项、 xAxis:x轴、 yAxis:y轴、 dataZoom:图表缩放、 series:系列、 柱状图示例、 html、 js、 折线图示例、 html、 js、 饼图实例、 散点图、 雷达图、 仪表盘、 echarts直接样式:、 echarts颜色渐变、 echarts设置柱条底部的阴影:、 echarts平移动画、 echarts方法:、 echarts动画增量、 echarts动画相关、 echarts常用全局方法、 echarts常用的实例方法
### [echarts默写.md](第三方库\echarts\echarts默写.md)
 通用配置项、 title:标题、 tooltip:提示、 toolbox:工具按钮、 legend:图例、 grid:网格、 axisPointer:坐标轴指示器、 通用属性、 常用配置项、 xAxis:x轴、 yAxis:y轴、 dataZoom:图表缩放、 echarts直接样式:、 echarts方法:、 echarts动画相关、 echarts常用全局方法、 echarts常用的实例方法
### [echarts默写题目.md](第三方库\echarts\echarts默写题目.md)
 通用配置项、 title:标题、 tooltip:提示、 toolbox:工具按钮、 legend:图例、 grid:网格、 axisPointer:坐标轴指示器、 通用属性、 常用配置项、 xAxis:x轴、 yAxis:y轴、 dataZoom:图表缩放、 echarts直接样式:、 echarts方法:、 echarts动画相关、 echarts常用全局方法、 echarts常用的实例方法
# [系统环境变量已配置但powershell无法执行命令.md](系统环境变量已配置但powershell无法执行命令.md)


# [网络](网络)


## [cookie.md](网络\cookie.md)
 一个不大不小的问题、 cookie的组成、 如何设置cookie、 服务器端设置cookie、 客户端设置cookie、 总结
## [CSRF攻击.md](网络\CSRF攻击.md)
 CSRF攻击、 防御方式、 referer漏洞、 面试题
## [HTTP各版本差异.md](网络\HTTP各版本差异.md)
 HTTP1.0、 无法复用连接、 队头阻塞、 HTTP1.1、 长连接、 管道化和队头阻塞、 HTTP2.0、 二进制分帧、 头部压缩、 服务器推、 面试题
## [jsonp.md](网络\jsonp.md)
 jsonp的概念与特点
## [JWT.md](网络\JWT.md)
 JWT 的组成部分、 1. Header（头部）、 2. Payload（载荷）、 3. Signature（签名）、 JWT 的目的、 JWT 的特点、 使用 JWT 的示例、 用户登录、 后续请求
## [SSL、TLS、HTTPS.md](网络\SSL、TLS、HTTPS.md)
 SSL、TLS、HTTPS的关系、 对称加密、 非对称加密、 证书颁发机构、 面试题
## [TCP协议.md](网络\TCP协议.md)
 TCP收发数据流程、 TCP如何收发数据、 分段发送、 可靠传输、 连接的建立（三次握手）、 连接的销毁（四次挥手）、 HTTP和TCP的关系、 面试题
## [WebSocket.md](网络\WebSocket.md)
 实时场景的旧处理方案、 短轮询 short polling、 长轮询 long polling、 WebSocket、 握手、 使用HTTP、 使用HTTPS、 面试题
## [XSS攻击.md](网络\XSS攻击.md)
 XSS攻击、 防御方式、 面试题
## [域名和DNS.md](网络\域名和DNS.md)
 域名、 DNS、 域名解析过程
## [网络性能优化.md](网络\网络性能优化.md)


## [请求响应报文.md](网络\请求响应报文.md)
 请求头 - `Host`、 请求头 - `Content-Type`、 响应码、 响应头 - `Content-Type`
# [运维](运维)


## [nginx部署](运维\nginx部署)


### [nginx步骤.md](运维\nginx部署\nginx步骤.md)
 基础操作、 单页应用页面刷新404问题
### [云服务器部署上线.png](运维\nginx部署\云服务器部署上线.png)


### [反向代理.png](运维\nginx部署\反向代理.png)


# [项目难点.md](项目难点.md)
 商品计算SKU、 富文本违禁词高亮、 旧方案、 新方案、 图片懒加载、 chrome浏览器插件开发、 动态表单