前端知识体系概览
看那么多教程，前端知识体系到底包括哪些？
不会总结的前端不是好前端。
2017-05-16
前端已由单纯的写页面变得越来越全能，这就要求我们不但具备前端知识体系，还要懂设计会欣赏。因为无论是前端还是后台，或者其他某一种技术，都应只是实现我们思想的工具，要达到怎样的效果还得我们自己会用善用工具，为我所用，利我所图！
扯远了，用好前端这门工具了解前端的具体知识才是基础。趁这段空余时间，把我了解知道的前端知识梳理出来。一来巩固自己的基础，二来也愿对新手朋友们有所借鉴。不当之处，望指正共勉。
前端是干什么的？
利用前端技术包括JavaScript、CSS、xHTML等“传统”技术与Adobe AIR、Google Gears,以及概念性较强的交互式设计,艺术性较强的视觉设计，提升用户体验。
知乎话题：1、https://www.zhihu.com/question/28589914 2、https://www.zhihu.com/question/44812950
需要学什么？
页面结构HTML、页面样式CSS、页面的交互行为JS，JS库和框架等等，也有网站性能优化、SEO和服务器端的基础知识。在线免费web前端开发课程：慕课网前端开发
有没有一些值得推荐的优秀的前端？（排名不分先后）
如何学好前端？
兴趣是最好的老师，如果你不能从前端中体会到快乐，那你是学不好的。
一、理论知识
http标准
http请求的过程、http状态码的意义、http头部信息、cookie状态管理、get/post方法、https
W3C标准
html：标签、语义化、DOM、2D 3D、本地存储
HTML
CSS：层叠规则、选择器、排版、绘制、动画
JavaScript：DOM API、BOM API、事件、AJAX
JSON、XML、
ECMAScript(ECMA是JS的编码规范，JS是其的实现。)
js设计模式、编程模式
面向对象
算法
数据结构/MVC
二、类库框架
1、浏览器端：
jQuery、bootstrap、requirejs、seajs、Angular、React、Vue
2、nodejs
jQuery、express、backbone、
三、编码开发
1、开发工具
编辑器；效率工具：grunt、gulp
2、模块定义：
AMD、CMD、commonjs
3、版本控制工具
svn、git
四、运行环境
1、兼容性
2、响应式布局
3、web安全
4、性能优化
减少HTTP请求，图片地图，合并脚本和样式表
使用内容发布网络——CDN。
添加Expires头——缓存。第二次访问不用请求服务器，效果更好
压缩组件，gzip
将样式表放在顶部
将脚本放在底部
避免CSS表达式
使用外部JS和CSS
减少DNS查找
精简JS
避免重定向
移除重复脚本
配置Etag ,缓存更新(单服务器)；
使Ajax可缓存...
5、node
前端路漫漫，一起加油吧！
