三飘

前端性能优化 介绍 前端性能优化涉及到的东西很多，技巧也很多，但他们所遵守的规则是不变的，都是围绕着页面的生命周期进行的，所以首先要了解页面的生命周期。 一个页面的生命周期： 缓存检查，检查本地强缓存

讲讲vue和react的区别 相同点：都使用虚拟DOM高效的更新视图，都提倡组件化，都实现了数据驱动视图，vue3和react16.8后也都采用函数式编程的思想解析逻辑复用的问题，vue3引入组合式A

vue3响应式原理 前面写过vue2响应式原理 想了解的可以去看下, 本章讲vue3的响应式原理，并对照着源码手写一下简化的vue3响应式系统。 Proxy 在 Vue.2x 中，使用 Object.

--- theme: smartblue --- # vue2组件原理 前面几章讲了[vue2的响应式原理]()、[异步更新原理]()、[首次渲染原理]()、[更新渲染原理]()，没了解的可以先去看看

vue2渲染更新原理 上一章我们介绍了vue2首次渲染的基本流程，这次主要介绍vue2更新渲染的原理。 流程 先讲更新渲染基本流程，接上一章，vue在首次渲染时，在mountCompent 创建了 渲

vue2渲染原理 通过前的文章，我们了解了vue2的响应式原理和异步更新原理。接下来我们将介绍下vue的渲染原理，一下是一个vue最简单的使用案例，我们将对照案例和源码讲解，vue2是怎么实现从new

vue2异步更新原理通过上一篇文章，我们已经知道了，vue2的基本响应式原理。在依赖收集结束之后，当响应式数据发生变化 -> 触发 setter 执行 dep.notify -> 让 dep 通知 自

Vue2-响应式原理 核心就是利用 Object.defineProperty 给数据添加了 getter 和 setter，目的就是为了在我们访问数据以及写数据的时候能自动执行一些逻辑：getter

前端异常解析之Source Map 引子 线上正式环境代码抛错，打开控制台一看： 点进去看： ​ emmm~~ 完全不知道代码哪里写错了！ ​ 因为在正式的线上环境中，我们的代码往往都是经过压缩和转义