HugoHHH

CSS 属性 white-space 描述：规定段落中的文本换不换行，以及文本的空格、制表符、换行符规则，设置不换行时优先级高于：word-wrap、word-break。 换行值 normal：浏览

装饰器 @ 符号后面跟的一定是函数或者返回函数 类装饰器 类装饰器接收一个参数，参数是类的本身，所以可以在其原型上新增方法或者属性。有两种返回类型： void：没有返回值时类的行为不会被返回值影响 n

diff 基础 虚拟 dom 基础结构 判断 oldVnode 是虚拟节点还是真实的 dom 节点 判断同一个节点的规则 根据 key 和选择器 sel 唯一标识判断是否同一个节点 同一虚拟节点才进行

目前技术理解 webpack 打包做了什么 读取转换文件 用 fs 模块读取以及写入文件 获取打包命令行参数，通过 process.argv 读取文件后，替换文件内容主要依据是根据 ast 抽象语法分

vite 预加载 路径补全 在处理import _ from "lodash这种非绝对路径和相对路径的引用时，会触发路径补全：import _ from "/node_modules/.vite/de

主要差异 开发服务器启动方式及热模块更新 Webpack 需要对整个项目进行分析和打包构建，生成一个或多个 bundle 包，过程包含大量的文件读取、解析、转换、优化。修改一个小模块需要重新执行整个打

引用scss文件中的 :export {} 的变量 需要将scss文件命名为 xxx.moudle.scc，需要加 module 后缀。可能和sass、sass-loader版本有关，没有深究。

处理js.map文件：productionSourceMap: false 在 vue.config.js 文件添加 productionSourceMap 配置项。js.map 文件是可以查看没有打

方式1:监听元素scroll 方式2:利用IntersectionObserver监听元素出现在视口中