第一階段 JS基礎(chǔ)

JS入門：事件、原理、屬性、樣式、函數(shù)、if判斷

JS入門：style和行間樣式、函數(shù)傳參、屬性操作兩種方式

字符串和變量、字面量和變量

提取行間事件、onload、byTagName、數(shù)組

循環(huán)、全選、選項(xiàng)卡、innerHTML、字符串連接

調(diào)試工具的使用、如何調(diào)試JS

變量類型、typeof、JS常見類型

類型轉(zhuǎn)換、parseInt、NaN、隱式轉(zhuǎn)換

作用域、閉包、命名規(guī)范、運(yùn)算符、流程控制

變量遮蔽

JS中的隨機(jī)數(shù)、隨機(jī)顏色、隨機(jī)范圍、隨機(jī)不重復(fù)

函數(shù)返回值

深入理解函數(shù)返回值

定時(shí)器：interval、timeout、時(shí)鐘、QQ資料框、自動(dòng)播放選項(xiàng)卡、京東商城側(cè)邊欄

arguments、字符串操作、數(shù)組操作、Json

循環(huán)外i的問題、函數(shù)定義和調(diào)用的區(qū)別、不變的變量

DOM操作基礎(chǔ)：創(chuàng)建、添加、刪除

BOM基礎(chǔ)：窗口操作、UA、location

BOM應(yīng)用：滾動(dòng)、scrollTop、offset、clientHeight、瀏覽器類型檢測(cè)

事件對(duì)象：冒泡、clientX、keyCode、ctrl/alt/shift、默認(rèn)行為、拖拽

QQ郵箱閃爍提示、回放路徑的拖拽

樹形菜單、多級(jí)右鍵菜單

第二階段 JS中級(jí)開發(fā)+案例實(shí)戰(zhàn)

批量設(shè)置樣式：json、cssText、with

location、hash、query的處理，刷新保存頁碼

Date對(duì)象應(yīng)用：setFullYear/Month等，時(shí)間戳、倒計(jì)時(shí)

Date高級(jí)應(yīng)用

閉包的應(yīng)用、封閉命名空間

ajax無刷新數(shù)據(jù)加載：創(chuàng)建、發(fā)送、接收、字符集和緩存

DOM應(yīng)用：firstChild/lastChild、nextSibling/previousSibling

操作屬性的第三種方式、自定義屬性的獲取、src的相對(duì)路徑

offsetParent、計(jì)算元素的頁面絕對(duì)位置

圖片延遲加載——迅雷

簡易瀑布流——花瓣

橫向瀑布流——百度

DOM與innerHTML、innerHTML的bug

天貓、淘寶吸頂導(dǎo)航條

天貓、京東placeholder輸入框

永遠(yuǎn)在頁面中的右鍵菜單、提示圖片

圖片預(yù)加載、Image對(duì)象的使用

Image對(duì)象批量加載

運(yùn)動(dòng)基礎(chǔ)、勻速運(yùn)動(dòng)、運(yùn)動(dòng)框架、側(cè)邊欄、淡入淡出

緩沖運(yùn)動(dòng)、頁面提示框

多物體運(yùn)動(dòng)框架、萬能運(yùn)動(dòng)框架、鏈?zhǔn)竭\(yùn)動(dòng)框架、完美運(yùn)動(dòng)框架

布局轉(zhuǎn)換、淘寶幻燈片

運(yùn)動(dòng)應(yīng)用：劃動(dòng)提示層、百度百科數(shù)字框、新浪滾動(dòng)微博

永遠(yuǎn)在頁面中放大的圖片

無縫滾動(dòng)

手風(fēng)琴幻燈片、淘寶網(wǎng)無縫滾動(dòng)幻燈片

this的用法、完美拖拽

完美封裝可重用代碼

完美拖拽、吸附拖拽、帶框拖拽

程序思想——如何找思路，如何找規(guī)律，如何思考

碰撞檢測(cè)、模擬窗口拖拽大小

窗口拖拽大小的封裝和重用

自定義滾動(dòng)條、鼠標(biāo)滾輪

事件綁定、DOM事件流

cookie基礎(chǔ)

ajax高級(jí)應(yīng)用：用戶注冊(cè)和登錄、表單提交

后臺(tái)接口的使用、接口文檔

編寫AJax的基本步驟

Jsonp跨域的方法——百度下拉提示

script標(biāo)簽的怪異特性、callback的使用

Jsonp標(biāo)簽的管理

封裝可重用的Jsonp方法

ajax制作簡易新浪微博：后臺(tái)、接口、分頁、頂、頁碼

其他常見數(shù)據(jù)格式及用法：CSV、XML

JS中的預(yù)解析機(jī)制、script出錯(cuò)時(shí)的處理機(jī)制

預(yù)解析相關(guān)面試題

遞歸及其各種應(yīng)用

遞歸相關(guān)面試題

遞歸的性能問題、遞歸的優(yōu)化

棧溢出的原因和處理

引用、復(fù)制

JS中的異常：try...catch的使用

try的嵌套和性能問題

拋出異常、Exception對(duì)象、異常和返回值的區(qū)別及用途

JS變量生存周期、垃圾回收機(jī)制

閉包與JS垃圾回收

閉包的用法、保存i的值

JS性能優(yōu)化——健壯性、維護(hù)性、性能的平衡

性能瓶頸的識(shí)別——性能檢測(cè)工具的使用：Chrome profiles、YSlow等

JS阻塞加載、圖片延遲加載、網(wǎng)絡(luò)性能優(yōu)化、壓縮、CDN的使用

JS執(zhí)行性能優(yōu)化：DOM操作、循環(huán)、數(shù)組優(yōu)化、局部變量、eval、parseInt、系統(tǒng)函數(shù)、字符串連接、正則等

實(shí)例：顏色選擇器組件

實(shí)例：輸入字?jǐn)?shù)統(tǒng)計(jì)

正則表達(dá)式：RegExp對(duì)象、search方法、忽略大小寫

match方法和全局匹配、量詞的問題、replace方法

字符類、轉(zhuǎn)義字符、行首行為、中文、單詞邊界、括號(hào)

正則應(yīng)用：可重用的表單校驗(yàn)

自動(dòng)表單校驗(yàn)、批量表單校驗(yàn)

表格操作：tBodies、tHead、tFoot、rows、cells

表格搜索、排序

自定義表單組件

DOM文本節(jié)點(diǎn)：創(chuàng)建、兼容、應(yīng)用

firstChild怪異問題、childNodes的問題

實(shí)例：google日歷

domReady事件：優(yōu)點(diǎn)、DOMContentLoaded、defer、onload

事件隊(duì)列、封裝ready事件函數(shù)

事件委托（事件代理）：冒泡的使用、srcElement屬性、target屬性、this的檢測(cè)

call的使用——解決this指向問題

mouseleave事件——作用、封裝，徹底解決mouseout冒泡的問題

運(yùn)動(dòng)高級(jí)：彈性運(yùn)動(dòng)、碰撞運(yùn)動(dòng)

彈性應(yīng)用：滑動(dòng)導(dǎo)航

第三階段 JS面向?qū)ο?

面向?qū)ο蠡仡櫍菏裁词敲嫦驅(qū)ο?、?duì)象的組成、OOP的特點(diǎn)、this的本質(zhì)、Object對(duì)象

工廠方式構(gòu)造對(duì)象、原型（prototype）、混合法構(gòu)造JS對(duì)象、實(shí)例：面向?qū)ο蟮倪x項(xiàng)卡

JS算法基礎(chǔ)：時(shí)間復(fù)雜度和空間復(fù)雜度

數(shù)據(jù)結(jié)構(gòu)基礎(chǔ)：線性和隨機(jī)、線性表、O表示法、數(shù)據(jù)結(jié)構(gòu)基本操作

線性表和排序：4大排序算法、適用范圍、蛻變和劣化、移動(dòng)操作開銷

樹和排序：樹的查找、添加和平衡

散列：空間換取時(shí)間、空間利用率和算法效率

圖：路徑算法、預(yù)處理和隨機(jī)處理

模塊的規(guī)劃、接口

模塊的加載、依賴、循環(huán)依賴

模塊作用域和export

script加載和同步、請(qǐng)求合并、壓縮代碼

模塊的重用和沖突

MVC基礎(chǔ)：3層模型和耦合度

耦合的問題和消除

數(shù)據(jù)獨(dú)立性、獨(dú)立數(shù)據(jù)模型

設(shè)計(jì)模式：優(yōu)點(diǎn)、常見模式

自定義事件、事件隊(duì)列管理、事件的傳遞、事件對(duì)象和參數(shù)、監(jiān)聽模式的問題

數(shù)據(jù)隊(duì)列的管理、反向監(jiān)聽和解耦合、模塊獨(dú)立性