第一階段 JS基礎

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

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

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

提取行間事件、onload、byTagName、數組

循環、全選、選項卡、innerHTML、字符串連接

調試工具的使用、如何調試JS

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

類型轉換、parseInt、NaN、隱式轉換

作用域、閉包、命名規范、運算符、流程控制

變量遮蔽

JS中的隨機數、隨機顏色、隨機范圍、隨機不重復

函數返回值

深入理解函數返回值

定時器：interval、timeout、時鐘、QQ資料框、自動播放選項卡、京東商城側邊欄

arguments、字符串操作、數組操作、Json

循環外i的問題、函數定義和調用的區別、不變的變量

DOM操作基礎：創建、添加、刪除

BOM基礎：窗口操作、UA、location

BOM應用：滾動、scrollTop、offset、clientHeight、瀏覽器類型檢測

事件對象：冒泡、clientX、keyCode、ctrl/alt/shift、默認行為、拖拽

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

樹形菜單、多級右鍵菜單

第二階段 JS中級開發+案例實戰

批量設置樣式：json、cssText、with

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

Date對象應用：setFullYear/Month等，時間戳、倒計時

Date高級應用

閉包的應用、封閉命名空間

ajax無刷新數據加載：創建、發送、接收、字符集和緩存

DOM應用：firstChild/lastChild、nextSibling/previousSibling

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

offsetParent、計算元素的頁面絕對位置

圖片延遲加載——迅雷

簡易瀑布流——花瓣

橫向瀑布流——百度

DOM與innerHTML、innerHTML的bug

天貓、淘寶吸頂導航條

天貓、京東placeholder輸入框

永遠在頁面中的右鍵菜單、提示圖片

圖片預加載、Image對象的使用

Image對象批量加載

運動基礎、勻速運動、運動框架、側邊欄、淡入淡出

緩沖運動、頁面提示框

多物體運動框架、萬能運動框架、鏈式運動框架、完美運動框架

布局轉換、淘寶幻燈片

運動應用：劃動提示層、百度百科數字框、新浪滾動微博

永遠在頁面中放大的圖片

無縫滾動

手風琴幻燈片、淘寶網無縫滾動幻燈片

this的用法、完美拖拽

完美封裝可重用代碼

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

程序思想——如何找思路，如何找規律，如何思考

碰撞檢測、模擬窗口拖拽大小

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

自定義滾動條、鼠標滾輪

事件綁定、DOM事件流

cookie基礎

ajax高級應用：用戶注冊和登錄、表單提交

后臺接口的使用、接口文檔

編寫AJax的基本步驟

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

script標簽的怪異特性、callback的使用

Jsonp標簽的管理

封裝可重用的Jsonp方法

ajax制作簡易新浪微博：后臺、接口、分頁、頂、頁碼

其他常見數據格式及用法：CSV、XML

JS中的預解析機制、script出錯時的處理機制

預解析相關面試題

遞歸及其各種應用

遞歸相關面試題

遞歸的性能問題、遞歸的優化

棧溢出的原因和處理

引用、復制

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

try的嵌套和性能問題

拋出異常、Exception對象、異常和返回值的區別及用途

JS變量生存周期、垃圾回收機制

閉包與JS垃圾回收

閉包的用法、保存i的值

JS性能優化——健壯性、維護性、性能的平衡

性能瓶頸的識別——性能檢測工具的使用：Chrome profiles、YSlow等

JS阻塞加載、圖片延遲加載、網絡性能優化、壓縮、CDN的使用

JS執行性能優化：DOM操作、循環、數組優化、局部變量、eval、parseInt、系統函數、字符串連接、正則等

實例：顏色選擇器組件

實例：輸入字數統計

正則表達式：RegExp對象、search方法、忽略大小寫

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

字符類、轉義字符、行首行為、中文、單詞邊界、括號

正則應用：可重用的表單校驗

自動表單校驗、批量表單校驗

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

表格搜索、排序

自定義表單組件

DOM文本節點：創建、兼容、應用

firstChild怪異問題、childNodes的問題

實例：google日歷

domReady事件：優點、DOMContentLoaded、defer、onload

事件隊列、封裝ready事件函數

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

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

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

運動高級：彈性運動、碰撞運動

彈性應用：滑動導航

第三階段 JS面向對象

面向對象回顧：什么是面向對象、對象的組成、OOP的特點、this的本質、Object對象

工廠方式構造對象、原型（prototype）、混合法構造JS對象、實例：面向對象的選項卡

JS算法基礎：時間復雜度和空間復雜度

數據結構基礎：線性和隨機、線性表、O表示法、數據結構基本操作

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

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

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

圖：路徑算法、預處理和隨機處理

模塊的規劃、接口

模塊的加載、依賴、循環依賴

模塊作用域和export

script加載和同步、請求合并、壓縮代碼

模塊的重用和沖突

MVC基礎：3層模型和耦合度

耦合的問題和消除

數據獨立性、獨立數據模型

設計模式：優點、常見模式

自定義事件、事件隊列管理、事件的傳遞、事件對象和參數、監聽模式的問題

數據隊列的管理、反向監聽和解耦合、模塊獨立性