源码系列文章很长时间没有更新,一是在考虑文章用什么方式写质量会更高,用什么方式总结更易于扩展和总结知识点,加上工作.看书.健身占用的时间比较多所以也没时间去整理.最近在网上看到一篇文章感觉这种方式不错,刚好ant Desgin of vue发布,就想试试用这种方式写文章,而且通过画思维导图来整理整个知识点: 还没有整理完,里面经常会有打问号的解释是因为要看到后面才能知道这个组件的用途.后续会将其补充完整.还想记录下我在不熟悉源码结构下怎么牵出一个线头顺藤摸瓜的属性整个项目. 把ant Desgi…

好久没来写东西了,主要是一直在加班,哼哼,不开心 项目中会用到将xml文件解析成json文件在页面中显示出来,以前jq的时候用到的方法行不通了,故在这边介绍一种我觉得还不错的插件 1. npm安装 npm i x2js 2.在main.js中引用 import x2js from 'x2js' //xml数据处理插件 Vue.prototype.$x2js = new x2js() //创建x2js对象,挂到vue原型上 3.在组件中使用 _getVersion(url) { this.load…

一.Vue对比其他框架原理 Vue相对于React,Angular更加综合一点.AngularJS则使用了“脏值检测”. React则采用避免直接操作DOM的虚拟dom树.而Vue则采用的是 Object.defineProperty特性(这在ES5中是无法slim的,这就是为什么vue2.0不支持ie8以下的浏览器) Vue可以说是尤雨溪从Angular中提炼出来的,又参照了React的性能思路,而集大成的一种轻量.高效,灵活的框架. 二.Vue的原理 Vue的原理可以简单地从下列图示所得出…

Vue由于其高效的性能和灵活入门简单.轻量的特点下变得火热.在当今前端越来越普遍的使用,今天来剖析一下Vue的深入响应式原理. tips:转自我的博客唐益达博客,此为原创.转载请注明出处,原文链接 一.Vue对比其他框架原理 Vue相对于React,Angular更加综合一点.AngularJS则使用了"脏值检测". React则采用避免直接操作DOM的虚拟dom树.而Vue则采用的是 Object.defineProperty特性(这在ES5中是无法slim的,这就是为什么vue2.…

--------------------------动画效果----------------------------------- <transition name="router-fade" mode="out-in"> <router-view></router-view> </transition> .router-fade-enter-active, .router-fade-leave-active { tr…

vue.use源码: Vue.use = function (plugin) { /*判断插件是否已引入*/ if (plugin.installed) { return } //倒序为一个数组[] var args = toArray(arguments, 1); //这里是[Vue] args.unshift(this); if (typeof plugin.install === 'function') { plugin.install.apply(plugin, args); } els…

各个文件夹 node_modules:用来放环境依赖 public:用来放公共资源,里面的index.html文件,就是初始的挂载点.被app.vue给取代了. src:放各种资源的. assets:用来放静态资源的,比如图片之类的. components:防止各种小组件,相当于是子组件的子组件. router:路由,用来设置哪个url访问哪个也免得组件. store:仓库. views:都是子组件,用来替换App.vue里面的,然后展示这个子组件,所以也叫页面组件,里面可以放视图组件. 文件…

mustcache 什么是模板引擎 模板引擎是将数据变为视图的最优雅的解决方案 数据 [ {"name":"小明","age":12,"sex":"男"}, {"name":"小红","age":11,"sex":"女"}, {"name":"小强","age…

…

在学习Vue源码之前,首先要做的一件事情,就是去GitHub上将Vue源码clone下来,目前我这里分析的Vue版本是V2.5.21,下面开始分析: 一.源码的目录结构: Vue的源码都在src目录下,分为6个不同功能的文件 src ├── compiler # 编译相关:包括把模板解析成 ast 语法树,ast 语法树优化,代码生成等功能. ├── core # 核心代码:包括内置组件.全局 API 封装,Vue 实例化.观察者.虚拟 DOM.工具函数等等 ├── platforms # 不同…