HTML5 App應用開發教程（第2版·微課視頻版）

目錄

第1章HTML5 App應用開發概述

1.1HTML5介紹

1.1.1終將失敗的Flash

1.1.2Web移動應用的未來

1.2HTML5新特性

1.3擁抱HTML5

1.4HTML5 App的發展現狀

1.5uniapp介紹

1.6uniapp開發微信小程序的優勢

1.7開發環境搭建

1.8創建第一個uniapp應用

1.8.1項目運行

1.8.2項目發布

小結

第2章HTML5頁面基礎

2.1HTML簡介

2.1.1標簽

2.1.2標簽的屬性

2.1.3註釋標簽

2.2HTML5文檔基本格式

2.3佈局div標簽

2.4文本控制標簽

2.4.1標題h標簽

2.4.2段落p標簽

2.4.3水平線hr標簽

2.4.4換行br標簽

2.4.5特殊字符標記

2.4.6修飾span標簽

2.5圖像img標簽

2.6超鏈接a標簽

2.7列表標簽

2.7.1無序列表ul標簽

2.7.2有序列表ol標簽

2.8語義化標簽

2.9音視頻標簽

2.10表格標簽

2.11表單的應用

2.11.1表單form標簽

2.11.2各種input輸入標簽

2.11.3input標簽的其他屬性

2.11.4其他表單標簽

2.12自定義標簽

2.13meta標簽

2.14實戰演練： 註冊表單

小結

習題

第3章CSS樣式設計

3.1CSS簡介

3.2CSS核心基礎

3.2.1CSS樣式規則

3.2.2CSS中的單位和顏色

3.2.3在HTML文檔中應用CSS

3.3CSS選擇器

3.3.1基礎選擇器

3.3.2其他選擇器

3.4尺寸屬性

3.5文本樣式屬性

3.6CSS高級特性

3.6.1繼承性

3.6.2CSS層疊性和優先級

3.6.3Chrome調試CSS

3.7背景屬性

3.7.1設置背景顏色

3.7.2設置背景圖片

3.8邊框屬性

3.9CSS動畫效果

3.9.1過渡

3.9.22D及3D變換

3.9.3動畫控制

3.10其他常用的CSS屬性

3.11CSS盒子模型

3.11.1內填充屬性

3.11.2外邊距屬性

3.11.3boxsizing屬性

3.12浮動和定位

3.12.1浮動

3.12.2定位

3.12.3塊元素與行內元素

3.13響應式佈局

3.13.1viewport

3.13.2百分比佈局

3.13.3vw/vh和calc

3.13.4Media Queries

3.13.5rem佈局

3.13.6Flex佈局

3.14實戰演練

3.14.1註冊界面樣式美化

3.14.2仿美團首頁設計

小結

習題

第4章JavaScript編程基礎

4.1JavaScript介紹

4.2使用JavaScript

4.2.1在頁面中插入代碼

4.2.2使用js文件

4.3JavaScript的基礎語法

4.3.1數據類型

4.3.2變量定義

4.3.3數據類型的轉換

4.3.4代碼註釋

4.3.5運算符

4.3.6常用語句

4.4函數

4.4.1函數定義及調用

4.4.2變量的作用域

4.4.3函數重載

4.4.4函數的返回值

4.4.5匿名函數

4.4.6閉包

4.5調試與錯誤處理

4.5.1在控制臺輸出

4.5.2斷點調試

4.5.3錯誤處理try/catch

4.6JavaScript內置對象

4.6.1Math對象

4.6.2Date對象

4.6.3RegExp對象

4.6.4Array對象

4.6.5String對象

4.6.6window對象

4.7JavaScript面向對象

4.7.1Object對象

4.7.2自定義類

4.8JavaScript處理JSON

4.9實戰演練： 評論JSON數據解析

小結

習題

第5章JavaScript交互編程

5.1DOM介紹

5.2使用DOM

5.2.1document對象

5.2.2查找節點

5.2.3處理屬性

5.2.4讀取和設置內容

5.2.5操作節點

5.3DOM的樣式編程

5.3.1className屬性

5.3.2classList對象

5.3.3style對象

5.4事件

5.4.1常用的一些事件

5.4.2內聯屬性監聽事件

5.4.3DOM屬性監聽事件

5.4.4標準的事件監聽函數

5.4.5事件觸發過程

5.4.6事件的Event對象

5.5實戰演練： 表格DOM操作

小結

習題

第6章Vue.js框架

6.1Vue.js框架介紹

6.2數據綁定

6.3事件處理

6.4列表渲染

6.5條件渲染

6.6CSS樣式動態綁定

6.7計算屬性和偵聽器

6.8單文件組件

6.9生命周期鉤子

6.10實戰演練： 購物車

小結

習題

第7章AJAX通信技術

7.1AJAX技術介紹

7.2HTTP協議分析

7.2.1HTTP協議介紹

7.2.2Fiddler抓包神器

7.2.3HTTP請求與響應

7.2.4Fiddler手機數據抓包

7.2.5Fiddler模擬HTTP請求

7.2.6圖片驗證碼

7.3XMLHttpRequest對象

7.3.1使用方法

7.3.2讀取數據

7.3.3提交數據

7.3.4FormData對象

7.3.5解析XML數據

7.4CORS跨域問題

7.5新一代AJAXFetch API

7.6Chrome跟蹤AJAX通信

7.7RESTful API介紹

7.8實戰演練： 收貨地址管理

小結

習題

第8章WebSocket基礎

8.1WebSocket的發展歷程

8.2HTML5 WebSocket簡介

8.3WebSocket實現

8.4Node.js介紹

8.5HBuilderX中運行Node.js程序

8.6實戰演練： 聊天室

小結

習題

第9章ES新語法

9.1Symbol——新的數據類型

9.2let塊作用域

9.3const定義恆量

9.4解構

9.5字符串模板

9.6函數參數默認值

9.7Array的新方法

9.8箭頭函數

9.9...操作符

9.10class、super、extends

9.11Set和Map集合

9.12Module模塊化

9.13Promise期約

9.14async和await

小結

習題

第10章本地存儲

10.1HTML5本地存儲技術概述

10.2localStorage和sessionStorage

10.2.1檢查瀏覽器的支持

10.2.2相應的API

10.3Web SQL數據庫

10.3.1創建或打開數據庫

10.3.2執行SQL語句

10.4IndexedDB數據庫

10.4.1數據庫初始化

10.4.2對象存儲空間

10.4.3索引

10.4.4事務

10.4.5IndexedDB的CRUD操作

10.4.6光標

10.5實戰演練： 搜索歷史保存

小結

習題

第11章Canvas繪圖

11.1Canvas介紹

11.2繪制圖形

11.2.1繪制直線

11.2.2繪制貝塞爾曲線

11.2.3繪制填充

11.2.4使用漸變色

11.2.5繪制矩形

11.2.6繪制圓弧

11.3繪制文字

11.4繪制圖片

11.5擦除

11.6坐標變換

11.7像素操作

11.8實戰演練： 幸運大轉盤

小結

習題

第12章uniapp框架

12.1“hello uniapp”項目

12.2uniapp的項目結構

12.3頁面和組件創建

12.4pages.json

12.5uniapp項目的運行和起始頁設置

12.6uniapp的組件

12.7靜態資源引入

12.8頁面樣式與佈局

12.9跨端兼容

12.10生命周期

12.11uniapp的API

12.12實現全局變量

小結

習題

第13章uniCloud

13.1uniCloud簡介

13.2uniCloud項目

13.3創建和綁定雲服務空間

13.4雲數據庫

13.5clientDB

13.6雲函數

13.7雲存儲

小結

習題

第14章綜合實例： 美食匯

14.1項目介紹

14.2項目開發準備

14.3基於Promise方式的請求庫

14.4H5模式下的跨域請求

14.5App中的向導頁

14.6首頁

14.7搜索頁

14.8詳情頁

14.9登錄

14.10分享和收藏

14.11支付

14.12我的收藏和我的訂單

14.13訂單評價

14.14抽紅包和我的紅包

14.15“我的”頁面

14.16頭像和昵稱修改

14.17設置

14.18其他功能

小結

參考文獻