对前端的认识及前端工程化

前端的核心

HTML5+css/css3+javascript

HTML

现在推崇语义化开发，提高SEO

CSS

css3的很多功能为页面增加了很多炫酷的功能，css的预编译器stylus，less等等为css添加了变量，函数，运算的功能。还有css的响应式开发框架bootstrap也为开发响应式css提供了很多便利。

JavaScript

JavaScript库及其框架很多，JQuery，Vue等等，还有模块化工具，基于AMD的requirejs和基于CMD的seajs。

前端优化

因为前端越来越趋于工程化开发，因此，构建工具不可少，脚手架工具yoeman,基于管道流的gulp，还有模块化管理工具webpack，可以方便的整合任何模块处理他们之间的依赖。

前端工程化

1. 模块化
   
   • js的模块加载方案commonjs，AMD，CMD，webpack管理模块，在webpack中一切皆模块。
   • css的预编译没有解决每个CSS文件中选择器作用域的问题，因此像bootstrap这样的框架都有其命名风格。
2. 组件化
   即将每个单一功能的实现都封装成组件，组件所需要的js/css和其他资源都就近维护。可复用，可扩展。例如vue。
3. 自动化
   
   • 自动构建，目录结构清晰
   • 代码自动压缩，合并转换等
   • 自动测试