web前端開發(fā)技術棧

1、Web前端開發(fā)技術棧 前端知識點總結，嚇得我再也不敢學前端了！ 2016年3月 朱偉友出品第一章基礎知識HTMLHTML4XHTML 1.0HTML5CSS層疊特性（優(yōu)先級）樣式屬性布局屬性布局方案hackJavaScript - CoreAPI閉包異步（Promise、Generator、回調）設計模式（單例、工廠、觀察者pub/sub、）架構模式（MVC、MVP、MVVM）JavaScript - DOMAPI事件（冒泡、捕獲、委托）JavaScript - BOMLocation（地址信息）History（歷史記錄）Navigator（瀏覽器、操作系統信息）LocalStorage（本地

2、存儲）IndexedDB（本地數據庫）XMLHttpRequest（Ajax）HTTPHTTP頭（請求頭、響應頭）狀態(tài)碼（200、301、302、404、500、502）HTTPS（443端口、SSL證書）Cookies（限制、安全性、HttpOnly）SVG、CANVAS、JSON、XML、你以為這就結束了？第二章周邊設計（PhotoShop）動畫（Flash）游戲算法后端（Node.js、Java、PHP等）第三章可用性可用性瀏覽器屏幕閱讀器搜索引擎爬蟲第4章類庫、框架、預處理02CSS庫、框架CSS Reset （暴力，清空樣式）Normalize （非暴力，統一樣式）Bootstrap

3、 （后臺管理系統、博客等）02CSS預處理LESSSASSStylusJS庫、框架Angular（MVVM）React（V）Vue（VM）Backbone（MVC）jQueryUnderscore02JS預處理TypeScript（類似ActionScript的語法）CoffeeScript（類似Ruby/Python的語法）Babel、 Traceur （ES6轉ES5工具）02模板引擎EJS：Handlebars： Jade：# 第五章兼容性Hack抹平瀏覽器差異（類庫、polyfill、shim）瀏覽器BUGJS版本漸進增強、優(yōu)雅降級非穩(wěn)定特性使用兼容版本的CSS、JS語法CSS版本兼容

4、性來源應對策略第六章安全XSSCSRFSQL注入第七章工具工具版本控制SVNGIT調試工具Chrome Dev ToolFireBugFiddlerWireShark圖像工具PhotoShopIllustratorFireWorksFlash開發(fā)工具WebStormSublime TextVisual Studio CodeAtom質量工具jslint/jshintcsslint構建工具gruntgulpwebpackfis第8章應用方案、專題模塊化庫requirejs seajs-systemjs工具webpackbabeljspm規(guī)范amdcmdcommonjses6網絡緩存（服務端、客戶端）Ajax（異步局部刷新）輪詢、長輪詢、長連接、WebSocket跨域（ CORS 、 JSONP 、 iframe、服務端代理）屏幕適配（自適應方案）觸控事件（觸摸、旋轉、搖）資源優(yōu)化（網速、流量等因素）單頁應用（Single Page Application）移動端PhoneGap/CordovaAdobe AirNode-WebkitAtom-ShellChrome Packaged AppHybrid應用QUnitJasmineMochaChaiTotoroPhantom測試富文本編輯器（安全問題）圖