frontend

全面剖析 Vue 2.x 的模板编译流程，从 parse 阶段将 template 解析为 AST，到 optimize 阶段标记静态节点，再到 generate 阶段生成可执行的 render 函数，通过逐层拆解源码与配图演示，帮助你彻底理解 Vue 模板是如何被编译成虚拟 DOM 的。

深度解析 Vue 2.x 基于 Object.defineProperty 实现的响应式系统，从 Observer、Dep、Watcher 三者关系入手，逐步拆解数据劫持、依赖收集与派发更新的完整流程，同时分析数组响应式的特殊处理方式，是理解 Vue 响应式原理的完整指南。

系统梳理 Webpack 打包优化策略，包括 speed-measure-webpack-plugin 速度分析、DLL 动态链接库预编译、HappyPack 多线程编译、terser-webpack-plugin 并行压缩、splitChunks 代码分割、CDN 外链优化等实用手段，帮助开发者显著提升大型项目的构建效率。

深入解析 Webpack HMR（Hot Module Replacement）热替换的完整实现链路，从 webpack-dev-server 启动本地服务、WebSocket 建立连接，到模块更新文件的生成与推送，再到浏览器端的模块替换执行，完整还原热更新全过程，并附图示说明关键步骤。

深入剖析 vue-cli 2.x 脚手架生成的 Webpack 配置，逐一解读 webpack.base.conf.js、webpack.dev.conf.js、webpack.prod.conf.js 的各项配置，涵盖入口输出、loader 处理、热更新、代码压缩、资源分离等核心内容，帮助开发者彻底理解 npm run dev 与 npm run build 背后的工作机制。