前言 大家好，上一篇文章给大家讲了「Vue源码学习(一)」你不知道的-数据响应式原理，阅读量也是挺多的，本菜鸟深深体会到了大伙儿的学习热情，那么今天林三心继续给大家讲讲模板编译原理，为了巩固大家对之前

熟悉vue的小伙伴应该都知道，谈到vue的原理，最重要的莫过于：响应式，虚拟dom及diff算法，模版编译，今天，我们一起来深入vue的响应式，探讨vue2.x响应式的实现原理与不足，以及vue3.0版本如何重写响应式实现方案。 1. 什么是响应式 vue是一个MVVM框架，所…

hodux,react-easy-state，内部有一个基于proxy实现响应式的基础仓库observer-util，它的代码实现和Vue3中的响应式原理非常相似，这篇文章就从这个仓库入手，一步一步带你剖析响应式的实现。 本文的代码是我参考observer-util用ts的重写…

我们阅读源码的原因是什么？无非是1：学习；2：更好的使用这个库。如果只是想大致的了解下原理，倒不必花时间阅读源码，几句话，几张图就能搞清楚，网上搜搜应该就有很多。因此，阅读源码的过程一定是要对不明白的地方深入了解，肯定是很费时间的。 在这过程中，有些知识点，跟库本身可能没什么关…

学无止境，我们现在的技术都是基于前一代人之上做出来的，要想成为一个高级/资深的前端，重点不是你能创造多少东西，而是你知道多少东西。有没有解决问题的能力。遇到问题能不能找到最优解，为公司减少成本的同时提升效率。系统性的解决问题，提高代码的维护性、稳定性、可扩展行等等。所以现代社会…

vue目前是前端使用频率较高的一套前端mvvm框架之一，提供了数据的响应式、watch、computed等极为方便的功能及api，那么，vue到底是如何实现这些功能的呢？在探究vue源码之前，必须了解以下几点javascript的基本内容，通过了解这些内容，你可以更加轻松的阅读…

在做项目的时候，我们经常会用到nextTick，简单的理解就是它就是一个setTimeout函数，将函数放到异步后去处理；将它替换成setTimeout好像也能跑起来，但它仅仅这么简单吗？那为什么我们不直接用setTimeout呢？让我们深入剖析一下。 记得之前有一个需求，就是…

笔者刚接触async/await时，就被其暂停执行的特性吸引了，心想在没有原生API支持的情况下，await居然能挂起当前方法，实现暂停执行，我感到十分好奇。好奇心驱使我一层一层剥开有关JS异步编程的一切。阅读完本文，读者应该能够了解： 回归正题，文章开头我们先点一下Promi…