枫叶的枫

盒子模型，接触过css的基本都了解，正好有时间，整理了一下，仅供参考，不足之处，还请指出，本文讲的只是标准的盒子模型（以chrom浏览器为例），IE的盒子模型会有不同。 在当前html5和css3盛行的时代，盒子模型在我们得开发过程中依然占据着不可替代的地位，对于一个前端开发人…

前端发展迅猛，当前最流行的框架非react和vue莫属，vue凭借着傻瓜式编程，使得前端开发更加简单高效，能够更快速的进行业务迭代。 文章将介绍Vue2源码，包括Vue的声明和实例的运行，从全方位解读Vue的实现和逐行解读。 作者所使用电脑node版本为：v12.13.0，np…

上面在主流程篇讲到了Vue函数在声明和扩展上的一些逻辑，本篇主要从Vue的初始化来讲解，来看看New Vue()到底干了什么事情。 上面代码就是Vue函数进行调用的主入口函数，做了两件事情，先判断了是不是New来进行初始化的，然后调用了_init方法，_init方法是在主流程篇…

一共经过上面8步，init函数执行完成，开始mount渲染。 看上面代码，先声明了一个_watchers的空数组；然后依次判断传递进来的options是否包含系列参数；依次执行initProps、initMethods、initData、initComputed、initWat…

上面文章讲到了Vue的声明、Vue的Init和Vue的InitState，本篇将对Vue核心的Observe进行讲解和分析，Observe分为Dep和Watcher两部分，入口文件为src/core/observe/index.js。我们一步一步来看下源码。 Observe对外…

上一章，我们对Observer进行了讲解，从observe入口文件开始，到Observer类的声明和调用，最后讲解了Dep关于依赖的部分，链接在此Vue2源码解读(四)-Observe，本章咱们将继续讲解Observer，不过这篇的侧重点是Watcher，最后把Observer…

nextTick是Vue里面一个比较核心的概念；不过在讲nextTick之前就必须要讲到JavaScript的运行机制和任务队列。 众所周知，浏览器的脚本语言是JavaScript，这个语言最大的特点就是单线程，也就是在同一时间只能干一件事情。 当然为了充分利用CPU，Html…

上面六篇文章对Vue的基本内容进行了讲解，包含了声明和调用，以及Vue的observe的实现，本章将开始进行mount的讲解，包含编译和update、patch等；篇幅较多，耐心看完。 mount函数之前在声明相关简单提到过，在这里咱们进行详细的讲解，正文从下面开始。 上面代码…