对于 Vue 这类渐进式前端开发框架，为了构建 SPA（单页面应用），需要引入前端路由系统，这也就是 Vue-Router 存在的意义。前端路由的核心，就在于 —— 改变视图的同时不会向后端发出请求。 hash —— 即地址栏 URL 中的 # 符号（此 hash 不是密码学里…

前段时间，看到群里一些小伙伴面试的时候被面试官问到这类题目。平时大家开发vue项目的时候，相信大部分人都是使用 vue-cli脚手架生成的项目架构，然后 npm run install 安装依赖，npm run serve启动项目然后就开始写业务代码了。 但是对项目里的webp…

这里用上了immediate：true，说明在 wacth里声明了之后，说明一旦监听到fuzzyKey发生了改变，就会立即先去执行里面的handler方法，再次调用函数，已到达数据实时变化的效果。此外每当我在这里用上immediate：true时，我会将created里调用的t…

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。这是官网上的介绍，听完是不是很懵，So what？我理解的VueX就是把data的值同步的变化，则需要一个东西把它存储起来…

咱们来创建个myvuex目录来编写咱们的代码，然后打开终端执行yarn init -y 或者 npm init -y。 可以看到，咱们需要一个 Store 类，并且还要使用Vue.use挂载到vue上面，这就需要我们提供一个 install 方法供vue调用，Store类接受一…

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

前端路由是构建单页面应用的关键技术，它可以让浏览器URL变化但是不请求服务器的前提下，让页面重新渲染出我们想要的结果。Vue-Router是Vue应用的前端路由插件，让我们来看看它的实现原理。 Vue为所有插件提供一个Vue.use()来安装注册插件，这个方法会调用插件导出对象…

这个系列能连载说实话也挺不容易的，最开始的目标是在每次读完源码之后能把对过程的思考以及对作者思路的猜测做些笔记，以达到能更深刻理解这个框架，更快定位问题的目的。然而随着过程的进行，慢慢发现源码中每个实现，每个细节都有很多值得思考的东西，也渐渐喜欢上了这种以博客形式分析记录的方式…

所有的任务都会被放到调用栈（call-stack）等待主线程（main thread）执行,主线程的执行过程就是一个 tick。 JS调用栈采用的是后进先出的规则，当函数执行的时候，会被添加到栈的顶部，当执行栈执行完成后，就会从栈顶移出，直到栈内被清空。 同步任务会在调用栈中按…