交互式Web前端開發——JavaScript+jQuery+Ajax（微課視頻版）

 

目錄

 

 

 

 

 

 

 

第1章JavaScript介紹

 

視頻講解： 4分鐘，2集

 

1．1JavaScript概述

 

1．1．1JavaScript在Web開發中的作用

 

1．1．2HTML、CSS、JavaScript三者的關系

 

1．1．3JavaScript的特點

 

1．2JavaScript的開發與環境

 

1．3JavaScript的嵌入方式

 

1．3．1內部腳本

 

1．3．2外部腳本

 

1．3．3行內事件處理器

 

1．4JavaScript的代碼規範

 

1．5本章小結

 

1．6課後練習

 

第2章JavaScript基本語法

 

視頻講解： 22分鐘，2集

 

2．1標識符

 

2．2關鍵字和保留字

 

2．3註釋

 

2．4變量

 

2．5數據類型

 

2．5．1數據類型的分類

 

2．5．2typeof操作符

 

2．5．3數據類型的轉換

 

2．6運算符

 

2．7本章小結

 

2．8課後練習

 

第3章JavaScript控制結構

 

視頻講解： 25分鐘，2集

 

3．1if條件判斷結構

 

3．1．1if語句

 

3．1．2if．．．else．．．語句

 

3．1．3if．．．else if．．．else．．．語句

 

3．2switch多分支選擇結構

 

3．3for循環結構

 

3．3．1for循環

 

3．3．2for/in循環

 

3．4while循環結構

 

3．4．1while循環

 

3．4．2do．．．while循環

 

3．5跳出循環的方式

 

3．6本章小結

 

3．7課後練習

 

第4章函數

 

視頻講解： 17分鐘，3集

 

4．1函數概念

 

4．1．1什麼是函數

 

4．1．2函數的結構及其特點

 

4．2函數的定義和調用

 

4．2．1基於函數聲明的函數定義

 

4．2．2函數的調用

 

4．2．3基於函數表達式的函數定義

 

4．3函數返回值與函數的參數

 

4．3．1函數的返回值

 

4．3．2函數的參數

 

4．4函數作用域與變量提升

 

4．4．1全局作用域

 

4．4．2局部作用域

 

4．4．3變量提升

 

4．5作用域鏈與閉包

 

4．5．1作用域鏈

 

4．5．2閉包

 

4．6本章小結

 

4．7課後練習

 

第5章對象和數組

 

視頻講解： 36分鐘，5集

 

5．1面向對象編程

 

5．1．1面向對象編程概述

 

5．1．2面向對象編程中的一些概念

 

5．2JavaScript面向對象編程

 

5．2．1對象的創建

 

5．2．2對象的prototype屬性

 

5．3數組

 

5．3．1數組對象的創建

 

5．3．2數組元素的訪問

 

5．3．3對數組中元素的常見操作

 

5．4數組的疊代函數與高階函數

 

5．5本章小結

 

5．6課後練習

 

第6章DOM操作

 

視頻講解： 6分鐘，2集

 

6．1DOM概述

 

6．1．1DOM的定義

 

6．1．2DOM的作用

 

6．2DOM的對象屬性和方法

 

6．2．1document對象常用方法

 

6．2．2document對象屬性

 

6．2．3Node對象常用屬性

 

6．2．4Element對象常用方法

 

6．3元素的查詢

 

6．4元素的創建

 

6．5元素的插入

 

6．5．1appendChild( )

 

6．5．2insertBefore( )

 

6．6元素的刪除

 

6．7元素的復制和替換

 

6．7．1元素的復制

 

6．7．2元素的替換

 

6．8獲取和設置HTML屬性值(對象屬性)

 

6．8．1獲取HTML屬性值

 

6．8．2設置HTML屬性值

 

6．9HTML屬性操作(對象方法)

 

6．9．1getAttribute( )

 

6．9．2setAttribute( )

 

6．9．3removeAttribute( )

 

6．9．4hasAttribute( )

 

6．10獲取和設置CSS屬性值

 

6．10．1獲取CSS屬性值

 

6．10．2設置CSS屬性值

 

6．11DOM遍歷

 

6．11．1父節點遍歷

 

6．11．2子節點遍歷

 

6．11．3兄弟節點遍歷

 

6．12innerHTML和innerText

 

6．12．1innerHTML

 

6．12．2innerText

 

6．13處理DOM事件

 

6．13．1事件的調用方式

 

6．13．2鼠標事件

 

6．13．3鍵盤事件

 

6．13．4表單事件

 

6．13．5頁面事件

 

6．14本章小結

 

6．15課後練習

 

第7章BOM操作

 

視頻講解： 6分鐘，3集

 

7．1BOM概述

 

7．2打開窗口和關閉窗口

 

7．2．1打開窗口

 

7．2．2關閉窗口

 

7．3對話框

 

7．3．1alert( )

 

7．3．2confirm( )

 

7．3．3prompt( )

 

7．4定時器

 

7．4．1setTimeout( )與clearTimeout( )

 

7．4．2setInterval( )與clearInterval( )

 

7．5location對象

 

7．5．1window．location．href

 

7．5．2window．location．search

 

7．5．3window．location．hash

 

7．6navigator對象

 

7．7本章小結

 

7．8課後練習

 

第8章PC端網頁特效

 

視頻講解： 5分鐘，2集

 

8．1元素特效

 

8．1．1元素偏移量

 

8．1．2元素可視區

 

8．1．3元素滾動

 

8．1．4元素滾動案例——仿淘寶固定右側側邊欄

 

8．2動畫函數封裝

 

8．2．1動畫函數封裝案例

 

8．2．2緩動效果

 

8．3本章小結

 

8．4課後練習

 

第9章移動端網頁特效

 

視頻講解： 6分鐘，2集

 

9．1觸屏事件

 

9．1．1觸屏事件的定義

 

9．1．2移動端拖動元素

 

9．2移動端常見特效

 

9．2．1classList屬性

 

9．2．2click事件延遲問題

 

9．3本章小結

 

9．4課後練習

 

第10章jQuery簡介與基礎

 

視頻講解： 6分鐘，2集

 

10．1jQuery概述

 

10．1．1jQuery的特點

 

10．1．2jQuery的下載和引入

 

10．1．3jQuery語句

 

10．2jQuery選擇器

 

10．2．1基本選擇器

 

10．2．2層次選擇器

 

10．2．3過濾選擇器

 

10．2．4表單選擇器

 

10．3jQuery的元素操作

 

10．3．1jQuery的元素內容操作

 

10．3．2jQuery的元素樣式類操作

 

10．3．3jQuery的元素屬性操作

 

10．4本章小結

 

10．5課後練習

 

第11章jQuery DOM操作

 

視頻講解： 5分鐘，2集

 

11．1插入元素

 

11．2替換元素

 

11．3刪除元素

 

11．4獲取元素

 

11．5本章小結

 

11．6課後練習

 

第12章jQuery事件處理

 

視頻講解： 45分鐘，7集

 

12．1事件處理與事件綁定

 

12．1．1jQuery事件

 

12．1．2jQuery的ready事件

 

12．1．3事件綁定

 

12．1．4解綁事件

 

12．2表單操作與驗證

 

12．2．1表單元素樣式控制

 

12．2．2復選框的應用

 

12．2．3表單驗證

 

12．3其他jQuery常用事件

 

12．3．1鼠標相關事件

 

12．3．2鍵盤相關事件

 

12．3．3表單相關事件

 

12．4本章小結

 

12．5課後練習

 

第13章jQuery特效與動畫

 

視頻講解： 9分鐘，3集

 

13．1顯示與隱藏

 

13．2淡入淡出效果

 

13．3幻燈片展示效果

 

13．4自定義動畫

 

13．5本章小結

 

13．6課後練習

 

第14章jQuery插件與擴展

 

視頻講解： 11分鐘，3集

 

14．1使用常見的jQuery插件

 

14．1．1jQuery UI插件

 

14．1．2Validation表單驗證插件

 

14．2自定義jQuery插件

 

14．3擴展jQuery庫

 

14．4本章小結

 

14．5課後練習

 

第15章Ajax

 

視頻講解： 7分鐘，2集

 

15．1Ajax概述

 

15．1．1Ajax的應用場景和優點

 

15．1．2Ajax的工作流程

 

15．2原生Ajax

 

15．3jQuery對Ajax的支持

 

15．3．1$．ajax( )

 

15．3．2$．get( )

 

15．3．3$．post( )

 

15．4本章小結

 

15．5課後練習