面向2018年，我觉得前端有这么三个方向可以突破 前端逻辑层（包括三大框架，webpack，前端数据管理） 前端交互层（包括css3，canvas，svg，vr等，以及对应性能优化） node服务器层 （即服务器领域，以及前端开发工具的开发） 当然还可以说，有electron这样开发桌面应用的，但是我觉得大部分人的规划还是在web领域范畴的...

上一篇文章我们讲到， 在创建一个vue实例的时候(var vm = new Vue(options))。Vue的构造函数将自动运行 this._init（启动函数）。启动函数的最后一步为initRender(vm)，

源码版本：2.0.5 构造器、实例、选项 让我们用一段demo展示一下这三个概念： {代码...} {代码...} 其中： Vue： Vue的构造器 vm ： 实例 （实例名可以任意取，这里我们便于理解保持和vue文档一致） new Vue(options): 选项(options)即为传入构造器里的配置选项。（data, methods,computed,created...） 当我们了解这三个...

上一章我们介绍了vue的组件生命周期和路由勾子，这一章，让我们来看看在vue-cli项目中，各个勾子的顺序是如何的吧。主要聚焦在页面加载的这条时间线。

在使用vue开发的过程中，我们经常会接触到生命周期的问题。那么你知道，一个标准的工程项目中，会有多少个生命周期勾子吗？让我们来一起来盘点一下：

前段时间，老大搭好了Vue的开发环境，于是我们愉快地从JQ来到了Vue。这中间做的时候，在表单验证上做的不开心，看到vue的插件章节，感觉自己也能写一个，因此就自己开始写了一个表单验证插件va.js。 当然为什么不找个插件呢？ vue-validator呀。

准备 下载Node.js和npm 一个命令行工具（我的是git bash）。不是必须的，用自带的命令行也可以。 创建一个文件夹，作为根目录，比如 npm-webpack-es6 这时，你将看到一个空文件夹 开始 命令行打开至根目录 键入 npm init,一路确定到yes ————————创建一个package.json。 文件夹如左 package.json 内部如左 安装webpack 安...

前言 前端模块化，主要是解决两个问题——“命名空间冲突”，“文件依赖管理”。 坑___命名空间冲突 我自己测试好的代码和大家合并后怎么起冲突了？ 页面脚本的变量或函数覆盖了公有脚本的。 坑___文件依赖管理 明明项目需要引入的包都引进来了怎么还报缺少包？ 手动管理依赖，有天要更换某个插件，要深入代码内部进行修改 如...