web前端開(kāi)發(fā)技術(shù)棧

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

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

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

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