前言 大家好，我是林三心，在日常面试中，Diff算法都是绕不过去的一道坎，用最通俗的话，讲最难的知识点一直是我写文章的宗旨，今天我就用通俗的方式来讲解一下Diff算法吧？Lets Go 什么是虚拟DO

深入理解 Vue 的 patch 阶段，理解其 diff 算法的原理 ...............

写过 Vue 的同学肯定体验过， .vue 这种单文件组件有多么方便。但是我们也知道，Vue 底层是通过虚拟 DOM 来进行渲染的，那么 .vue 文件的模板到底是怎么转换成虚拟 DOM 的呢？这一块对我来说一直是个黑盒，之前也没有深入研究过，今天打算一探究竟。 Vue 3 发…

Vue 系列第五篇，分析从 VNode 到页面真实 DOM 的过程，还有一些小的编码技巧哦！一起耕耘，一起收获

如有错误，希望各位留言指点，乐意之极。 在Vue源码里，尤大采用了Flow作为静态类型检查，Flow是facebook出品的静态类型检查工具。 众所周知，JavaScript是弱类型的语言。 所谓弱类型指的是定义变量时，不需要什么类型，在程序运行过程中会自动判断类型，如果一个语…

通过上图, 应该可以理解一个Vue组件是如何运行起来的. render渲染函数, render渲染函数是用来生成Virtual DOM的. Vue推荐使用模板来构建我们的应用程序, 在底层实现中Vue最终还是会将模板编译成渲染函数. 因此, 若我们想要得到更好的控制, 可以直接…

AST 是非常有用的。 今天下午听了小组一个老哥做的AST分享，深以为然。 为了加深印象，就写了篇总结，顺便分享给大家，希望能给朋友们一些启发。 AST有用，口说无凭， 且看几个具体的案例。 这些无不借助了AST。 下面我们就进入今天的内容。 1. AST 基本概念 在计算机科…

AST的具体应用，通过解读babel原理、vue模板编译过程，Prettier实现原理，来分析AST在开发中的具体使用。 AST（抽象语法树）在开发过程中扮演一个非常重要的角色，但是我们却很少去直接接触它。 无论是代码编译（babel），打包（webpack），代码压缩，css…

Vue.extend是 Vue 里的一个全局 API，它提供了一种灵活的挂载组件的方式，这个 API 在日常开发中很少使用，毕竟只在碰到某些特殊的需求时它才能派上用场，但是我们也要学习它，学习这个 API 可以让我们对 Vue 更加了解，更加熟悉 Vue 的组件初始化和挂载流程…