系统、自动化与 AI 原生前端的长期实验。
记录从设计系统、内容工程、语义化 DSL 到生产级交付链路的真实实践，关注可复用结构而不只是一次性技巧。
中台是什么？
探讨中台的概念、企业为什么需要平台化和中台架构
Web 性能优化实践
网站性能优化的 6 个方向：HTTP 请求、资源压缩、图片优化、CDN、重绘重排、JS 代码优化
前端安全：XSS 与 CSRF
Web 前端两种常见跨站攻击 XSS 和 CSRF 的原理及防御策略
《JavaScript 高级程序设计》读书笔记
JavaScript 高级程序设计第 1-3 章笔记：JavaScript 历史、script 元素、基本语法概念
Webpack 编译原理
Webpack 的作用和编译原理：依赖管理、合并代码、插件系统，以及完整的构建生命周期
JavaScript 面试题整理
JavaScript 常见面试题：事件委托、线程进程、负载均衡、函数调用模式、内存泄漏
Vue 面试题整理
Vue 常见面试题汇总：响应式原理、性能优化、Vue 3.0 新特性、computed vs watch、路由懒加载等
Proxy 与 Object.defineProperty 优劣对比
ES6 Proxy 和 Object.defineProperty 在数据劫持方面的对比分析，以及 Vue 3.0 选择 Proxy 的原因
Vue Router 路由详解
vue-router 的 hash/history 模式原理、导航守卫、动态路由加载以及完整的导航解析流程
Vue 和 React 中 key 的作用
深入理解 key 在虚拟 DOM diff 算法中的作用：为什么寫列表组件时必须写 key
Vue 组件化与组件通信
Vue 组件传值的 6 种方式详解：props、事件、EventBus、$attrs、provide/inject、Vuex，以及插槽用法
Vue keep-alive 组件详解
keep-alive 的作用和使用场景：缓存组件状态，避免重复渲染
Vuex 状态管理详解
Vuex 的核心概念、使用场景以及 State、Getter、Mutation、Action、Module 的详细说明
虚拟 DOM（VDOM）详解
虚拟 DOM 的优缺点、实现原理以及它在 Vue 和 React 中的作用
说说 Vue SSR（服务端渲染）
Vue 服务端渲染的概念、优缺点以及适用场景分析
Vue 生命周期详解
Vue 实例从创建到销毁的完整生命周期：8 个钩子函数的作用和适用场景
什么是 MVVM？
MVVM 软件架构设计模式详解，以及 Vue 如何实现数据双向绑定