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、避免重定向......