前端面试：前端体系是怎么样的？

今天看了网上的一个关于前端体系是怎么样的，我顿时回想自己所学的，好像我缺少总结，我的知识体系没有形成一个系统，以至于到面试的时候面试官问我我都不知道怎么回答，今天我就好好总结一下我所觉得的前端体系。

在我看来，前端体系是围绕html，css，js这三大块展开的。所以我得出一个大概分类，web前端知识分类。

理论知识

　　包括软知识

　　　　数据结构，算法，设计模式，面向对象等

　　硬知识

　　　　http标准，w3c标准和EXMAScript标准等

　　　　　　w3c标准

　　　　　　　　html html5，css  css3，javascript，json，xml，websocket.......

类库框架

　　jquery，bootstrap，fontAwesome

　　react，angularjs，nodejs等框架或类库

编码开发

　　开发工具：编辑器:sublime,webstorm

　　　　　　　效率工具：grunt（uglify,concat,cssmin,jshint,csslint,watch），gulp。

　　调试：chrome控制台，firebug

运行环境

　　浏览器兼容性（css hack,javascript例如事件系统，渐进增强，优雅降级)

　　响应式布局

　　web安全（同源策略，xss跨站点攻击，csrf跨站点请求伪造，点击劫持，sql注入.....）

　　性能优化：压缩，css sprites，合并减少http请求，缓存，cdn，避免重定向......