webpack快速入门 webpack入门教程

Vue.js入门先学什么

Vue是一个全新的前台页面框架，所用的语言只限于HTML元素，CSS规则，Javascript代码，对于一个新手，这就是所需要的所有东西，但是目前的页面开发，不可避免的会用到一些有名的JS框架，例如Jquery，BootStrap，所以还是需要了解这些js框架的使用Vue开发需要用到npm，这是nodejs的组件管理工具，但事实上不需要学习nodejs的内容。

Vue需要用到的一些组件，例如webpack，vuex，都是一些组件或者是工具，不需要学习特别的语言，只要学习简单的调用就可以了

前端的学习步骤

html/html5/css3:

学习过html标签&css之后，可以去看h5的新特性和css3的新属性，都是一些死东西，基本看w3c官网就可以学会，之后找一些页面照着敲一敲。（注意学习兼容性）。

js能力的提高：

前端其实是上手易精通难的行业，能力还是体现在js上，掌握了基础的DOM操作后，应该去看js的oop编程，和后台的面向对象还是有一些区别的，其他的如：prototype/闭包/简单的js算法（三大排序、数组去重）等，之后可以去看js设计模式的书。

UI库/js库：

jquery肯定是要掌握的，学起来上手也很快，UI库更是如此。不用花太多时间在这个上面，能达到熟悉的程度就好，现用现看文档都来得及。

node.js：

现在的前端都是要会node.js开发的，主要原因有两个

1）node.js可以作为中间层，调用后台的接口，自己组装数据转发给前台，并且可以对session等状态做存储。

2）一些自动化工具比如less/gulp/webpack和一些框架比如Vue.js是居于node的。

所以node.js也应该了解一下，在实际的开发中做中间层比较多，主要作用就是转发。

基于nodejs的框架可以学习express/KOA，上手难度都不大。

三大框架Vue/angular/react：

可以从Vue入门，Vue时最简单的，掌握了之后再去看其他两个框架，前端的框架太多了，但大多数MVC框架都是大同小异，打好基础的话学习起来很快，微信小程序开发也一样。

移动端开发：

rem、媒体查询、配置适口标签、flex布局等掌握后就可以开发移动端网页了。主要就是对字体配置的兼容。