目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起…

所谓算法指的是：把一种数据结构转化为另外一种数据结构的方法。diff 算法分为 5 大步骤，同时涉及到<最长递增子序列>的概念，我们会分步详细进行讲解。博客内容较长，并且有点难，请大家预留足够时间阅读

前言 开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 12 天，点击查看活动详情 原文来自我的个人博客 1. DNS 1.1 DNS是什么？ DNS（Domain Names S

在前段时间的一次面试中，被问到了一个如标题这样的问题。要想好好地去回答这个问题，这里牵扯到的知识点也是比较多的。 那么接下来这篇文章我们就一点一点开始引出这个问题。

建议使用 ref() 作为声明响应式状态的主要 API;用Rel干掉Reactive,一起愉快coding吧! 全宇宙最懂vue的作者都这么推荐了!使用rel!!!!

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

前言 JavaScript 绝大多数情况需要通过网络进行加载再执行，加载的文件越小，整体执行时间更短，所以就有了 Tree Shaking 去除无用代码，从而减小文件体积。 什么是 Tree Shak

已经好久没有写博客了。本文不说 Vue3.0 了，相信已经有很多文章在说它了。而前一段时间尤大开源的 Vite 则是一个更加吸引我的东西，它的总体思路是很不错的，早期源码的学习成本也比较低，于是就趁着假期学习一番。 本文撰写于 Vite-0.9.1 版本。 一个是 Vite 主…