前端学习大纲

简介

开发工具：webstome
学习大约分为4个阶段，根据具体情况再调整。
除了第一个阶段会涉及到样式外，其余阶段基本只谈布局（很少会谈到样式）。
技术路线，大体布局采用最通用的bootstrap系产品、数据绑定采用最简单的vue。

---

阶段

第一阶段——手工画画

具备原始的画画能力

• html5—-画出简单框框
• css—-加点简单样式
• vue—-数据渲染

为什么要用html5+css3：这是最初的画板

第二阶段——使用工具画画

把别人画好的部件，拖过来放在自己的画板上

• bootstrap—-包括了布局+样式
• vue—-数据渲染

为什么要用bootstrap：这是最初的画板工具

第三阶段——PC端开发WEB

具备画出在电脑上能让人看的一幅画的能力

• iview—-当前主流的PC端框架

当前最流行的PC端，bootstarp的封装工具库
布局是iview（还是bootstrap）
数据绑定vue

第四阶段——移动端开发APP

具备画出在手机上能让人看的一副画的能力

• sprite—-烽火的移动端框架

布局是sprite（还是bootstrap）
数据绑定vue

第五阶段——微信公众号

具备画出在微信上能让人看的一副画的能力

• weui （微信的布局样式库）或者bootstrap

布局是weui/bootstrap（类似于bootstrap的调用方式）
数据绑定vue