项目从 vue2 升级到 vue3 后发现 element-plus table 的性能相比 vue2 版本下降非常严重，很卡，经过性能分析比对，找到了 3 个比较核心的优化点，减少了85%渲染耗时。

我们都知道 Vue 对于响应式属性的更新，只会精确更新依赖收集的当前组件，而不会递归的去更新子组件，这也是它性能强大的原因之一。 我们在触发 this.msg = 'Hello, Changed~'的时候，会触发组件的更新，视图的重新渲染。 但是 <ChildComponent…

Vue3 的 Compiler 与 runtime 紧密合作，充分利用编译时信息，使得性能得到了极大的提升。本文的目的告诉你 Vue3 的 Compiler 到底做了哪些优化，以及一些你可能希望知道的优化细节，在这个基础上我们试着总结出一套手写优化模式的高性能渲染函数的方法，这…

上篇文章写了怎么调试 antd 的源码，反响很不错： 但很多小伙伴是写 Vue 的，可能平时用的是 Element UI 的组件库，所以这篇文章就来讲下怎么调试 Element UI 的源码。 首先，

1. 为什么要学习源码 ? 阅读优秀的代码的目的是让我们能够写出优秀的代码。 不给自己设限，不要让你周围人的技术上限成为你的上限。 其实就跟我们写作文一样，你看的高分作文越多，写出高分作文的概率就越大。 基于现在的程序员工作模式(模块化开发，只需要拿到需求做自己的部分)，别说看…

5号凌晨，尤雨溪公布了 Vue 3 源代码。 话不多说，我们趁热对 Vue 3 源码进行一些简要的分析。 如果你还没有阅读过 Composition API RFC，可能无法完全看懂下面的内容。 目前打包后的代码是 ES2015+，不支持 IE 11。 目前的代码 98% 以上…

ES6 中新增了两个API，Proxy 和 Reflect。那么这两个API有什么作用呢？应该怎么使用呢？ 下面见分晓。 Proxy 为什么需要Proxy 回想一下在 ES6 之前，是如何监听对象的操

其实拖拽编辑功能的实现并不需要什么特别刁钻的的技术支撑，使用 Vue 原生的 draggable 属性或者基于vue 封装的库 vuedraggable 都能轻松完成，相比于其他的实现形式，拖拽编辑带

由写有《学习源码整体架构系列》20余篇的若川【若川视野公众号号主】倾力组织，召集了各大厂对于源码感兴趣的同学共同参与，每周一起学200行左右的源码。目前近3000人参与。 为了能帮助到更多对源码感兴趣