目錄

1第一階段 Javascript簡介和基本知識................................................ 3

1.1 JS的介紹 ............................................................................................. 3

1.1.1 js的歷史............................................................................................................................. 3

1.1.2 js的構成............................................................................................................................. 3

1.1.3 js的實現............................................................................................................................. 3

1.2 js的使用............................................................................................................................................ 3

1.2.1 script元素......................................................................................................................... 3

1.2.2 嵌入代碼與外部文件................................................................................................. 3

1.2.3 文檔模式............................................................................................................................ 3

1.3 js的基本語法................................................................................................................................. 3

1.3.1 數據類型............................................................................................................................ 3

1.3.2 操做符................................................................................................................................. 3

1.3.3 語句...................................................................................................................................... 3

1.3.4 函數...................................................................................................................................... 3

1.4 js的做用域和內存....................................................................................................................... 3

1.4.1 基本類型和引用類型的值...................................................................................... 3

1.4.2 執行環境以及做用域................................................................................................. 3

1.4.3 垃圾回收............................................................................................................................ 3

1.5 js的引用類型................................................................................................................................. 3

1.5.1 Object類型和內置對象............................................................................................. 3

1.5.2 Array類型......................................................................................................................... 3

1.5.3 Date和RegExp類型.................................................................................................. 3

1.5.4 Function類型和基本包裝類型............................................................................. 3

2第二階段 JS的面向對象編程............................................................................... 3

2.1 理解js的對象............................................................................................................................... 4

2.1.1 屬性類型............................................................................................................................ 4

2.1.2 定義多個屬性................................................................................................................. 4

2.1.3 讀取屬性的特性............................................................................................................ 4

2.2建立js的對象................................................................................................................................ 4

2.2.1 工廠模式............................................................................................................................ 4

2.2.2 構造函數模式和原型模式...................................................................................... 4

2.2.3 組合模式............................................................................................................................ 4

2.3 js的繼承............................................................................................................................................ 5

2.3.1 原型鏈和借用構造函數............................................................................................ 5

2.3.2 組合繼承............................................................................................................................ 5

2.3.3 原型式繼承...................................................................................................................... 5

2.3.4 拷貝繼承............................................................................................................................ 5

2.4 js的閉包............................................................................................................................................ 5

2.4.1 閉包與變量...................................................................................................................... 5

2.4.2 關於this對象................................................................................................................. 5

2.4.3 內存泄漏............................................................................................................................ 5

2.4.4 閉包的好處和壞處...................................................................................................... 5

2.5 js的模塊編程................................................................................................................................. 5

2.5.1 模仿塊級做用域............................................................................................................ 5

2.5.2 私有變量............................................................................................................................ 5

2.5.3 模塊模式............................................................................................................................ 5

2.5.4 加強的模塊模式............................................................................................................ 5

 

3第三階段 BOM詳解................................................................................................... 5

3.1 window對象詳解........................................................................................................................ 5

3.1.1 窗口關係............................................................................................................................ 5

3.1.2 窗口位置和大小............................................................................................................ 5

3.1.3 導航和打開窗口............................................................................................................ 5

3.1.4 定時器方法...................................................................................................................... 6

3.2 location對象和navigator對象詳解............................................................................... 6

3.2.1 查詢字符串參數............................................................................................................ 6

3.2.2 位置操做............................................................................................................................ 6

3.2.3 檢測插件............................................................................................................................ 6

3.3 screen對象和history對象詳解........................................................................................ 5

3.3.1 screen對象介紹............................................................................................................ 5

3.3.2 history對象介紹........................................................................................................... 5

3.3.3 history的實際應用...................................................................................................... 5

3.4 能力檢測和怪癖檢測................................................................................................................ 6

3.4.1能力檢測介紹.................................................................................................................. 6

3.4.2 怪癖檢測............................................................................................................................ 6

3.5 用戶代理檢測................................................................................................................................ 5

3.5.1 用戶代理字符串的歷史............................................................................................ 5

3.5.2 用戶代理字符串的檢測技術................................................................................. 5

3.5.3 使用方法............................................................................................................................ 5

 

4第四階段 DOM詳解............................................................................. 6

4.1 DOM節點介紹............................................................................................................................... 6

4.1.1 Node類型.......................................................................................................................... 6

4.1.2 Document和comment類型................................................................................. 6

4.1.3 Element類型.................................................................................................................... 6

4.1.4 Text類型和Attr類型................................................................................................. 6

4.1.5 文檔類型和文檔碎片類型...................................................................................... 6

4.2 DOM操做.......................................................................................................................................... 6

4.2.1動態腳本............................................................................................................................. 6

4.2.2動態樣式............................................................................................................................. 6

4.2.3操做表格............................................................................................................................. 6

4.2.4使用NodeList.................................................................................................................. 6

4.3 DOM擴展.......................................................................................................................................... 6

4.3.1 選擇符API........................................................................................................................ 6

4.3.2 元素遍歷............................................................................................................................ 6

4.3.3 專用擴展............................................................................................................................ 6

4.4 HTML5的DOM擴展................................................................................................................ 6

4.4.1 與類相關的擴展............................................................................................................ 6

4.4.2 焦點管理和html文檔的變化............................................................................... 6

4.4.3 字符集屬性以及自定義數據屬性...................................................................... 6

4.4.4 插入標記和scrollIntoView方法........................................................................ 6

4.5 DOM2和DOM3的介紹........................................................................................................... 6

4.5.1 DOM變化........................................................................................................................... 6

4.5.2 樣式操做............................................................................................................................ 6

4.5.3 遍歷...................................................................................................................................... 6

4.5.4 範圍...................................................................................................................................... 6

5第五階段 JS事件詳解.................................................................................. 3

5.1 js事件流 ............................................................................................... 3

5.1.1 事件冒泡............................................................................................................................ 3

5.1.2 事件捕獲............................................................................................................................ 3

5.1.3 DOM事件流...................................................................................................................... 3

5.2 js事件處理函數............................................................................................................................ 3

5.2.1 HTML事件處理函數................................................................................................... 3

5.2.2 DOM0事件處理函數................................................................................................... 3

5.2.3 DOM2級事件處理函數............................................................................................. 3

5.2.4 IE事件處理函數............................................................................................................ 3

5.3 js事件對象....................................................................................................................................... 3

5.3.1 DOM中的事件對象...................................................................................................... 3

5.3.2 IE中的事件對象............................................................................................................ 3

5.3.3 跨瀏覽器的事件對象................................................................................................. 3

5.4 js的事件類型................................................................................................................................. 3

5.4.1 UI事件和焦點事件....................................................................................................... 3

5.4.2 鼠標和滾動事件............................................................................................................ 3

5.4.3 鍵盤和文本事件............................................................................................................ 3

5.4.4 HTML5事件..................................................................................................................... 3

5.4.5 觸摸與手勢事件............................................................................................................ 3

5.5 js的性能優化................................................................................................................................. 3

5.5.1 事件委託............................................................................................................................ 3

5.5.2 移除事件處理函數...................................................................................................... 3

5.5.3 局部變量............................................................................................................................ 3

5.6 js模擬事件....................................................................................................................................... 3

5.6.1 DOM中的事件模擬...................................................................................................... 3

5.6.2 IE中的事件模擬............................................................................................................ 3

 

6第六階段 JS的表單操做...................................................................................... 3

6.1 js表單簡介....................................................................................................................................... 4

6.1.1 提交表單............................................................................................................................ 4

6.1.2 重置表單............................................................................................................................ 4

6.1.3 表單字段............................................................................................................................ 4

6.1.4 表單序列化...................................................................................................................... 4

6.2 文本框介紹..................................................................................................................................... 4

6.2.1 選擇文本............................................................................................................................ 4

6.2.2 過濾輸入............................................................................................................................ 4

6.2.3 自動切換焦點................................................................................................................. 4

6.3 選擇框介紹..................................................................................................................................... 5

6.3.1 選擇選項............................................................................................................................ 5

6.3.2 添加選項和移除選項................................................................................................. 5

6.3.3 移動和重排選項............................................................................................................ 5

6.4 富文本編輯..................................................................................................................................... 5

6.4.1 使用contenteditable屬性..................................................................................... 5

6.4.2 操做富文本...................................................................................................................... 5

6.4.3 富文本選區...................................................................................................................... 5

6.4.4 表單與富文本................................................................................................................. 5

 

7第七階段 HTML5詳解................................................................................................. 5

7.1 canvas詳解..................................................................................................................................... 5

7.1.1 基本用法............................................................................................................................ 5

7.1.2 2D上下文的操做.......................................................................................................... 5

7.1.3 使用圖像數據................................................................................................................. 5

7.2 webGL詳解..................................................................................................................................... 6

7.2.1 類型化數組...................................................................................................................... 6

7.2.2 webGL上下文................................................................................................................. 6

7.3 跨文檔消息傳遞.......................................................................................................................... 5

7.4 媒體元素.......................................................................................................................................... 6

7.4.1 屬性...................................................................................................................................... 6

7.4.2 事件...................................................................................................................................... 6

7.4.3 自定義媒體播放器...................................................................................................... 6

7.5歷史狀態管理................................................................................................................................. 5

 

8第八階段 Ajax詳解................................................................................................................ 6

8.1 XMLHttpRequest對象詳解................................................................................................... 6

8.1.1 xhr的用法......................................................................................................................... 6

8.1.2 http頭部信息.................................................................................................................. 6

8.1.3 get請求............................................................................................................................... 6

8.1.4 post請求............................................................................................................................ 6

8.2 XMLHttpRequest2對象詳解................................................................................................ 6

8.2.1 FormData........................................................................................................................... 6

8.2.2 超時設定............................................................................................................................ 6

8.2.3 重寫請求頭方法............................................................................................................ 6

8.2.4 進度事件............................................................................................................................ 6

8.3 跨域資源共享................................................................................................................................ 6

8.3.1 IE對cors的實現.......................................................................................................... 6

8.3.2 其餘瀏覽器對cors的實現.................................................................................... 6

8.3.3 帶憑據的請求................................................................................................................. 6

8.3.4 跨瀏覽器的cors........................................................................................................... 6

8.4 json詳解........................................................................................................................................... 6

8.4.1 語法...................................................................................................................................... 6

8.4.2 序列化................................................................................................................................. 6

8.4.3 解析...................................................................................................................................... 6

8.4.4 jsonp...................................................................................................................................... 6

8.5 js解析xml文檔............................................................................................................................ 6

8.5.1 瀏覽器對XML DOM支持....................................................................................... 6

8.5.2 瀏覽器對XPath的支持............................................................................................ 6

8.5.3 瀏覽器對XSLT的支持.............................................................................................. 6

 

9第九階段 JS的高級編程技巧.................................................................. 3

9.1 高級函數 ............................................................................................. 3

9.1.1惰性載入函數.................................................................................................................. 3

9.1.2函數綁定............................................................................................................................. 3

9.1.3函數柯里化........................................................................................................................ 3

9.2 防篡改對象..................................................................................................................................... 3

9.2.1 不可擴展對象................................................................................................................. 3

9.2.2 密封對象............................................................................................................................ 3

9.2.3 凍結對象............................................................................................................................ 3

9.3 高級定時器..................................................................................................................................... 3

9.3.1重複的定時器.................................................................................................................. 3

9.3.2 數組分塊............................................................................................................................ 3

9.3.3 函數節流............................................................................................................................ 3

9.4 自定義事件..................................................................................................................................... 3

9.5 實現拖放功能................................................................................................................................ 3

9.5.1 實現的基本操做............................................................................................................ 3

9.5.2 修復拖動的bug............................................................................................................ 3

9.5.3 添加自定義事件............................................................................................................ 3

9.6 js編程規範....................................................................................................................................... 3

9.6.1 可維護性代碼................................................................................................................. 3

9.6.2 性能優化代碼................................................................................................................. 3

9.6.3 部署代碼............................................................................................................................ 3

 

10第十階段 新興的API.................................................................................................. 3

10.1 requestAnimationFrame詳解.......................................................................................... 4

10.1.1 早期動畫循環.............................................................................................................. 4

10.1.2 循環間隔的問題......................................................................................................... 4

10.1.3 mozRequestAnimationFrame............................................................................ 4

10.1.4 webkitRequestAnimationFrame....................................................................... 4

10.2 page visibility和Geolocation詳解............................................................................... 4

10.2.1 page visibility................................................................................................................ 4

10.2.2 Geolocation.................................................................................................................... 4

10.3 File API詳解................................................................................................................................ 5

10.3.1 FileReader類型.......................................................................................................... 5

10.3.2對象URL和讀取拖放的文件.............................................................................. 5

10.3.3使用XHR上傳文件................................................................................................... 5

10.4 web wokers和web計時詳解.......................................................................................... 5

10.4.1 使用worker.................................................................................................................. 5

10.4.2 worker全局做用域.................................................................................................. 5

10.4.3 包含其餘腳本............................................................................................................... 5

10.4.4 web計時.......................................................................................................................... 5

10.5 離線存儲....................................................................................................................................... 5

10.5.1 離線檢測......................................................................................................................... 5

10.5.2 應用緩存......................................................................................................................... 5

10.5.3 數據存儲......................................................................................................................... 5

10.6 cookie和緩存機制................................................................................................................... 5

10.6.1 cookie簡介.................................................................................................................... 5

10.6.2 cookie的讀取............................................................................................................... 5

10.6.3 cookie的修改............................................................................................................... 5

10.6.4 緩存機制的介紹......................................................................................................... 5

10.6.5 緩存機制詳解.............................................................................................................. 5

 

11第十一階段 CSS和CSS3詳解.......................................................................... 5

11.1 盒子模型....................................................................................................................................... 5

11.1.1 IE老版本盒子模型.................................................................................................... 5

11.1.2 標準盒子模型.............................................................................................................. 5

11.2 CSS選擇器詳解.......................................................................................................................... 6

11.2.1 屬性選擇器................................................................................................................... 6

11.2.2 關係選擇器................................................................................................................... 6

11.2.3 僞類選擇器................................................................................................................... 6

11.3 CSS3的基本知識....................................................................................................................... 5

11.3.1 邊框................................................................................................................................... 5

11.3.2 背景................................................................................................................................... 5

11.3.3 文本效果......................................................................................................................... 5

11.3.4 多列................................................................................................................................... 6

11.4 CSS3的transition和transform..................................................................................... 6

11.4.1 過渡................................................................................................................................... 6

11.4.2 2D轉換............................................................................................................................. 6

11.4.3 3D轉換............................................................................................................................. 6

11.5 CSS3的animation.................................................................................................................... 5

11.5.1 animation介紹............................................................................................................ 5

11.5.2 animation詳解............................................................................................................ 5

11.5.3 animation的使用....................................................................................................... 5

 

12第十二階段 JS的庫和框架....................................................................................... 6

12.1 jQuery以及jQuery插件化................................................................................................. 6

12.1.1 jQuery簡介.................................................................................................................... 6

12.1.2 jQuery的使用............................................................................................................... 6

12.1.3 jQuery的源碼解析.................................................................................................... 6

12.1.4 jQuery的插件化......................................................................................................... 6

12.2 seajs和requirejs...................................................................................................................... 6

12.2.1 模塊化介紹................................................................................................................... 6

12.2.2 seajs的介紹................................................................................................................... 6

12.2.3 requirejs的介紹......................................................................................................... 6

12.2.4 seajs和requirejs的優缺點................................................................................ 6

12.3 Backbone和underscore以及handlebars............................................................. 6

12.3.1 前端mvc模式的開發............................................................................................. 6

12.3.2 Backbone的介紹....................................................................................................... 6

12.3.3 underscore的介紹................................................................................................... 6

12.3.4 handlebars的介紹.................................................................................................... 6

12.4 angularjs和react..................................................................................................................... 6

12.4.1 前端mvvm模式的開發........................................................................................ 6

12.4.2 angularjs的介紹......................................................................................................... 6

12.4.3 angularjs的詳解......................................................................................................... 6

12.4.4 react的介紹.................................................................................................................. 6

12.5 移動端開發的jQuery mobile和Zepto...................................................................... 6

12.5.1 移動開發的介紹......................................................................................................... 6

12.5.2 jQuery mobile的介紹.............................................................................................. 6

12.5.3 zepto的介紹................................................................................................................. 6

12.5.4 移動端開發的最佳開發模式.............................................................................. 6

12.5.5 移動端調試工具weinre.............................................................................. 6

12.6 grunt壓縮合並工具................................................................................................................ 6

12.6.1 模塊化開發的問題................................................................................................... 6

12.6.2 grunt工具的介紹....................................................................................................... 6

12.6.3 grunt工具的使用....................................................................................................... 6

 

 

 

加油！