响应式 on PlumePHP

Svelte 编译原理：没有虚拟 DOM 的框架如何工作

Thu, 10 Sep 2026 10:00:00 +0800

主流前端框架 React 和 Vue 都依赖虚拟 DOM（Virtual DOM）作为其渲染和更新机制的核心抽象。然而，Svelte 选择了一条截然不同的道路：它在编译阶段而非运行时将组件代码转换为高效的指令式 JavaScript，从而彻底摒弃了虚拟 DOM。本文将深入剖析 Svelte 编译器的内部工作机制，探索它如何在构建时完成框架运行时的大部分工作。

Vue3 响应式原理：从 Object.defineProperty 到 Proxy

Thu, 10 Sep 2026 10:00:00 +0800

Vue 的响应式系统是其最核心的设计之一，也是它区别于传统模板引擎的根本特征。Vue 2 使用 Object.defineProperty 实现响应式，而 Vue 3 全面拥抱 Proxy，不仅解决了诸多历史痛点，还带来了更灵活的扩展能力。本文从源码级角度深入解析 Vue 3 响应式系统的完整链路。