前端框架

13 篇文章3 个分组

React

2 篇

2026/05/1819 分钟阅读

React Fiber 架构与 Vue 设计模式对比：架构哲学

从架构设计层面深入对比 React Fiber 与 Vue 响应式系统的运行机制、调度策略、更新传播模型与设计哲学

2026/03/0926 分钟阅读

React 常见 Hook 使用场景与注意事项

深入分析 React 常用 Hook 的内部原理、适用场景、常见陷阱与生产环境最佳实践

Vue

7 篇

2026/04/135 分钟阅读

Vue Mixin 合并策略：从 mergeOptions 到 applyOptions 的完整合并链路

以 mergeOptions 源码为入口，拆解 Vue2/3 中 mixin 的 6 种合并策略（data 深合并、hooks 数组连接、methods 覆盖、assets 原型链），分析多 mixin 同名冲突的解决规则、全局 mixin 与局部 mixin 的实现差异，以及与 Composition API 在依赖追踪、类型安全和可调试性上的架构对比。

2026/03/1611 分钟阅读

React vs Vue：灵活性的真正来源——运行时模型、组件一等公民性、调度控制权的根本分歧

不再停留在 JSX vs 模板的语法层面，从运行时模型（state→re-render→diff vs 响应式追踪→定向更新）、组件一等公民性（函数 vs 选项对象）、调度控制权（Lane 优先级 vs 内部批处理）三个维度拆解 React 灵活性的真正来源，以及 Vue 用约束换优化这个交易的本质。

2026/02/246 分钟阅读

Vue Router 导航守卫机制：从 promise 链到 popstate 的完整执行路径

以 navigate() 源码入口为起点，拆解导航守卫三类注册方式（全局/路由级/组件内）的解析和执行顺序，分析 runGuardQueue 的 promise 链推进逻辑，覆盖导航取消/重定向的 abort 控制、popstate 事件与浏览器历史栈的联动，以及守卫死循环和异步不返回的常见排查路径。

2026/02/2016 分钟阅读

Vue3 不是 Vue2 的升级版，是重写——从 Proxy 响应式到编译器优化的运行时差异分析

从 Object.defineProperty 的响应式漏洞出发，深入 Vue3 Proxy + Reflect + track/trigger 的依赖追踪链路，对比静态提升/patchFlag/block tree 三大编译器优化对 diff 量的 60 80% 削减，覆盖 Composition API 与

2026/01/146 分钟阅读

为什么要引入虚拟 DOM

从直接操作真实 DOM 的渲染管线成本推导虚拟 DOM 架构的必然性，覆盖 VNode 树的结构设计、两阶段 diff（同层比较 + LIS 算法）、编译时优化对运行时 diff 的替代趋势，以及 VDOM 架构与信号驱动架构在更新粒度上的根本分歧。

2023/12/013 分钟阅读

Vue3 新特性

Composition API、setup/script setup、Teleport 机制、Suspense 渲染流程、Fragment 与 Proxy 响应系统的实际用法与内部标记。

2022/10/121 分钟阅读

关于Vue3使用D3Js的一点记录

Vue3 集成 D3.js 的依赖安装陷阱与 Plot 替代方案，含等值线图的实际渲染对比。

UniApp

4 篇

2025/08/266 分钟阅读