React 和 Vue diff 算法对比
探讨React和Vue的Diff算法，是理解这两个框架底层运行逻辑的绝佳切入点。对于初级开发者来说，直接啃源码可能会陷入细节的泥潭，所以我们可以抛开复杂的代码，从它们各自的设计思路和解决问题的策略来对比。 简单来说，Diff算法就是找茬游戏…
1412 字5 分钟
前端开发 / vueObsidian
载入中...
载入中...
该分类下共收录了 10 篇文章
探讨React和Vue的Diff算法，是理解这两个框架底层运行逻辑的绝佳切入点。对于初级开发者来说，直接啃源码可能会陷入细节的泥潭，所以我们可以抛开复杂的代码，从它们各自的设计思路和解决问题的策略来对比。 简单来说，Diff算法就是找茬游戏…
要彻底理解 Vue 3 的实现原理，我们需要先抛开框架的光环，回到最基础的原生 JavaScript 层面。 使用原生 JavaScript 操作 DOM 时，我们通常面临两个核心痛点： 1. 状态同步麻烦：数据发生变化时，需要手动获取 D…
官网地址https://cn.vuejs.org/guide/extras/reactivityindepth.htmlintegrationwithexternalstatesystems 官方文档不仅解释了底层原理，还发散到了调试技巧、…
理解 Vue 3 的核心，其实就是理解它是如何实现“数据一变，页面就跟着变”的。剥开框架华丽的外衣，它底层的核心机制本质上只有两个要素：Proxy（数据劫持） 和 发布订阅模式（依赖收集与触发）。 为了让你直观感受到这一点，我写了一个不到 …
在 Vue 3 中，自定义 Hooks（官方称为 Composables，组合式函数）是利用组合式 API（Composition API）来封装和复用有状态逻辑的最佳实践。 它解决了以前 Mixins 存在的命名冲突、来源不清晰以及逻辑分…
在 Vue 2 的体系中，Mixins（混入） 是一种分发 Vue 组件中可复用功能的灵活方式。如果把一个 Vue 组件比作一个“人”，那么 Mixin 就像是一份“外挂技能书”或者“插件”，一旦导入，这份技能书里的所有属性和方法都会被“缝…
在 Vue（或其他类似框架）的开发中，nextTick 是一个非常关键的概念。简单来说，它是 “在下一次 DOM 更新循环结束之后执行延迟回调” 的工具。 为了让你更直观地理解它，我们可以从为什么要用它、它是如何工作的，以及在什么场景下用它…
Vue 3 并不是 Vue 2 的简单升级，它在核心层面进行了重大的重新设计，旨在解决 Vue 2 在大规模应用、性能瓶颈和类型支持方面遇到的问题。 用一句话总结：Vue 3 在保持 Vue 2 易用性的基础上，通过全新的底层（响应式系统、…
Vue 的插槽（Slot）机制是其组件化系统真正的精髓之一，它解决了“内容分发”的核心问题。彻底理解它，对构建可复用、高灵活性的组件至关重要。 我们来从“为什么需要插槽”开始，一步步拆解它的用法、原理，以及 Vue 2 和 3 的演进。 …
好的，我们来深入探讨一下 keepalive，并解决你提到的定时器问题。 1. keepalive 是什么？ keepalive 是 Vue 内置的一个抽象组件。它的核心功能是缓存那些被它包裹、且暂时不需要渲染在页面上的组件实例，而不是直…