web前端：知识架构

web前段知识架构，包括如下：

1.http协议     学习图解HTTP   

2.w3c协议     www.w3.org/TR

             Html

             css

             JavaScript

             Json

             xml

             websocket

3.ECMAScript   JavaScript在其上进行的封装，简称EC

4.框架、类库

      a.用于浏览器 

                         jquery  常用API、常用插件

                         Bootstrap  常用样式、常用插件

                         fontawesome  jcomoon.io    fontawesome.github/font-awesome/icons 是世界上最大的图标系统

                         requirejs  seajs

                         react

      b.用于node.js

                         自带模块  http、url、fs

                         其他模块  jquery backbone express

5.开发工具

                 a 编辑器 sublime  webstorm

                 b 效率工具 (测试)

                     grunt  uglify concat cssmin jshint csslint watch  qunit(测试)

                     gulp

                  c 调试工具

                     chrome控制台

                     firebug

                  d 模块定义

                         AMD requiresjs

                         CMD seajs

                         commmonjs

6.运行环境

                  a web安全

                      同源策略、xss跨站点攻击、点击劫持、sql注入....

                   b 性能优化

                       压缩、csssprites、合并减少http请求、缓存、CDN、避免重定向......