shadowzy

Vue1引入了响应式数据的概念，使用Object.definePropertyAPI来实现的。DOM只是数据的映射，数据发生改变可以自动更新DOM，用户只需要专注与数据逻辑的修改，没有过多的心智负担。 Vue1的响应式是对每个动态数据都实例化一个watcher，本身响应式数据的…

将全局的状态抽离到和应用同级别，实现数据响应式的核心还是在Vuex内部通过new Vue实例，将state作为data的数据 利用Vue的响应式原理实现store数据响应式，而Vuex的getter也是利用了Vue内部的计算属性原理实现的。在严格模式下还可以通过监测state的…

服务端控制路由是通过点击页面发送http请求Html资源实现页面内容切换，随着单页面应用框架越来越火，前端路由也应用而生。前端路由分为两种模式：哈希模式和历史模式。 历史模式的实现得益于Html5中新增的一些API可以实现对history中栈中内容的操作。 history.pu…

AMD机制是基于浏览器实现的，它是在客户端使用的，由于资源都是在服务器上，所以它是异步加载。同时，它最大的特点是强调依赖前置。 通过require去引用文件时，会将文件执行一遍后，将其执行结果通过浅克隆的方式，写入全局内存。后续再require该路径，就直接从内存里取出，不需要…

Vue是一个渐进式的JavaScript框架，它的核心问题是解决视图渲染的问题，其他的功能我们可以通过安装插件的形式来解决,在分析Vue-Router和Vuex源码之前我们先了解一下Vue中插件的安装流程。 Vue.use是一个全局的API，它接受一个函数或者对象作为参数，在内…

在Vue2中我们已经对计算属性了解的很清楚了，在Vue3中提供了一个computed的函数作为计算属性的API,下面我们来通过源码的角度去分析计算属性的运行流程。 在最开始使用函数重载的方式允许computed函数接受两种类型的参数：第一种是一个getter函数, 第二种是一个…