当海风翻页时

导致 Web 性能问题的原因主要有两种:

computed 的缓存与只读特性、getter 和 get/set 两种写法，以及用 computed 做搜索过滤与总价汇总的购物车案例。

梳理 Vite 的开发与构建方式，以及 Node.js 的运行时分层、事件循环六个阶段、线程模型和 CJS 与 ESM 的现状。

BEM 是 Yandex 推出的一套 CSS 命名规范 & 前端组件化架构思想 全称：Block / Element / Modifier 用来解决：CSS 样式混乱、命名随意、层级嵌套过深、样式污染、多人协作冲突。

Vue 3 总览：渐进式框架定位、两套 API 风格、响应式代理、编译优化、内置组件与类型支持。

组合式 API 没有 `beforeCreate`、`created` 的对应钩子，初始化工作在 `setup()` 里完成；beforeMount 到 unmounted 的六个钩子按挂载、更新、卸载三个阶段划分。

从模板目录树讲到 index.html 入口、单文件组件的三类顶层块、npm run dev 的脚本查找，以及按需编译和浏览器缓存。

reactive、shallowReactive、readonly、shallowReadonly 都出自 createReactiveObject，差别只在 isReadonly、handler 和 proxyMap 三处入参。