Vscode 高亮
vscode 用插件方式提供了多种语言扩展接口，分成声明式，编程式两类，用给予textmate的声明式接口迅速识别代码中的词法，再用编程式接口如LSP提供例如错误提示，代码补齐，跳转定义等高级功能。
词法高亮的本质是基于正则的静态内容分析
声明式：以特定JSON结构声明一堆匹配词法的正则，无需编写代码即可添加例如块级匹配，自动缩进，语法高亮等语言特性
编程式：vscode运行过程中监听用户行为，在特定行为发生后触发事件回调，编程式语言扩展需要监听这些事件，动态分析文本内容并按特定格式返回代码信息
声明式性能高，能力弱，编程式性能高，能力强。
词法分析是将字符序列转换成token的过程，token是构成源代码的最小单位，
vscode 基于textmate 的正则匹配实现分词功能，运行时逐行扫描文本内容，用预定义的rule集合去测试文本行中是否包含匹配特定正则的内容
React fiber
React渲染的过程可以被中断，可以将控制权交回浏览器，让位给高优先级的任务，浏览器空闲后再恢复渲染
React 16之前通常称为stack reconclilation 之后被重写为fiber reconciliation
stack reconclilation 下DOM更新是同步的，将所有的virtual DOM遍历完，才会render,
Fiber reconciliation 重写了requestIdelCAllback这个API，（超时让出） 思想是react的渲染过程是可以被中断，可以将控制权交回浏览器，让位给高优先级的任务，等浏览器空闲后再恢复渲染
浏览器在一帧内可能这些的任务：处理用户输入事件 -> js执行 -> requestAnimation调用 -> 布局layout -> 绘制paint ; 理想的一帧是16ms,如果浏览器完成任务后还有空闲时间就会调用requestIdelCallback,但是如果浏览器繁忙的时候就不会调用，所以react就利用MessageChannel模拟回调延时
Fiber其实是一种数据结构或者执行单元，每次执行完一个执行单元，react 就会检查剩余时间，如果没有时间就把控制权让出去，
virtualDom最大的意义在于开发方式改变了，声明式，数据驱动，让开发者不在关系DOM操作，解放生产力
Vite
优势 ： 基于esbuild实现极速开发体验，多框架支持，兼容rollup的插件机制，ssr支持
vite 运行DEV命令之后只做了两件事情，1. 启动用于承载资源服务的service,2. 使用esbuild 预构建npm依赖包，浏览器以http方式发送ESM规范的模块请求，按需编译被请求的模块
Esbuild
优势：基于go编写，多线程，
缺点：不适合直接用于生产环境，更适合偏底层的模块打包，因为它直接放弃对less ,style，vue 等资源的支持，放弃TS的类型检查等功能
闭包
调用函数时，会产生调用栈，将当前函数上下文入栈，会保存基本类型变量。引用变量会在堆内存中创建，然后在栈内存中引用，因为js中函数是第一公民，所以当发现内部函数，会创建一个闭包对象，将其中使用到的外部函数变量保存到该闭包对象下，之后内部函数被调用时，就会从闭包里提取变量。如果找不到就从全局上下问提取
函数式编程
优点：1. 函数时一等公民，2. 只用表达式，不用语句 3. 没有副作用 4.不修改状态 5. 引用透明
http 相关缓存（https://juejin.cn/post/7127194919235485733）
http缓存可以减少宽带流量，加快响应速度。
关于强缓存，cache-control是Expires的完全替代方案，在可以使用cache-control的情况下不要使用expires
关于协商缓存,etag并不是last-modified的完全替代方案，而是补充方案，具体用哪一个，取决于业务场景。
有些缓存是从磁盘读取，有些缓存是从内存读取，有什么区别？答：从内存读取的缓存更快。
所有带304的资源都是协商缓存，所有标注（从内存中读取/从磁盘中读取）的资源都是强缓存。
