前台结构梳理

总结前台需要的知识体系，工作流及前台开发工具。

1.知识体系：html,css,js

      工作流：

　　　　html:原型图——>设计布局——>通过标签实现

　　　　css:将一个组件定义为class类——>面向对象分析（通过viso设计出uml类图）——>计算像素实现样式       （*需要学习less）

　　　　js:将一个组件定义为class类——>面向对象分析（通过viso设计出uml类图）——>组件实现功能

　　　　（css3、html5）

2.前台链路：

　　1）构建build （手动或者Ant自动）

　　2）依赖管理 （引入js库  glup管理）

　　3)  代码实现

　　4）编译、打包、部署、运行

　　5）测试（前台测试工具）

　　6）版本控制

3.前台开发工具IDE

　　1)Hbuilder

　　2)webstorm

　　3)Nodepad++

　　...

4.非技术总结

　　PDCA

　　plan(计划)     do(去做)    check(反馈检查)      action(纠正优化)