|
|
|
本書由淺入深，全面、系統、詳盡地介紹了HTML 5相關技術及其在移動開發領域的應用。
從基本原理到移動頁面優化再到實戰應用，幾乎涉及HTMML 5移動開發領域的絕大部分內容，是一本集理論與實戰的綜合性參考書。
本書共13章，分為3篇。第1篇為HTML 5移動特性，內容包括HTML 5移動開發基礎、移動表單、多媒體形式、地理位置定位（Geolocation）、離線緩存、Canvas繪圖、CSS 3視覺輔助和調用手機設備等，最后還剖析了移動性能優化的一些技巧。第2篇為HTML 5移動框架，主要介紹jQueryMobile和SenchaTouch這兩個當下最流行的移動框架。第3篇為HTML 5移動實戰，詳細講解了使用jQueryMobile和SenchaTouch這兩個移動框架開發移動應用的過程與方法。
本書適合所有想全面深入學習HTML 5移動開發技術的人員閱讀，尤其適合正在應用HTML 5做移動項目開發的人員閱讀。對於大中專院校相關專業的學生和培訓機構的學員，本書也是一本不可多得的參考書。
第1章 HTML5移動入門
1.1認識HTML
1.1.1HTML的構成
1.1.2CSS的構成
1.1.3JavaScript的構成
1.2認識HTML5
1.2.1HTML5的發展與理念
1.2.2HTML5和XHTML的對比
1.3制作一個簡單的HTML5移動APP
1.3.1開發工具的選擇
1.3.2APP代碼的編寫
1.3.3調試運行HelloAPP
1.4HTML5的移動特色
1.5本章 小結
第2章 移動特性1——移動表單
2.1豐富的表單屬性
2.2移動Web表單的mput類型
2.2.1search類型文本
2.2.2email類型文本
2.2.3number類型文本
2.2.4range類型文本
2.2.5tel類型文本
2.2.6url類型文本
2.3HTML5表單新屬性
2.3.1autocomplete屬性
2.3.2autofocus屬性
2.4范例——創建一個HTML5版的APP注冊頁面
2.4.1代碼設計
2.4.2代碼分析
2.5本章 小結
第3章 移動特性2——多媒體形式
3.1音頻視頻
3.1.1音頻視頻的格式
3.1.2使用video／audio元素
3.1.3音頻視頻的通信
3.2范例——制作音樂播放器APP
3.3范例——制作視頻播放器APP
3.3.1普通視頻播放器
3.3.2添加視頻進度條
3.3.3添加視頻快進慢進按鈕
3.3.4處理帶字幕的視頻
3.4本章 小結
第4章 移動特性3——地理位置定位
4.1認識地理位置
4.1.1緯度和經度坐標
4.1.2定位數據
4.1.3構建地理位置應用
4.2手機地理位置定位
4.3谷歌地圖的使用
4.3.1追蹤用戶的位置
4.3.2查找路線
4.3.3用戶自定義的地理定位
4.4高德地圖的使用
4.5本章 小結
第5章 移動特性4——離線緩存
5.1離線緩存應用
5.1.1離線緩存API簡介
5.1.2使用Manifest方法
5.1.3使用ApplicationCacheAPI方法
5.1.4搭建簡單的離線APP
5.2離線事件處理
5.3范例——離線貼吧APP
5.4本章 小結
第6章 移動特性5—Canvas繪圖
6.1HTML5的繪圖API
6.1.1什麼是Cancas
6.1.2加載Canvas
6.1.3什麼是SVG
6.1.4什麼是WebGL
6.1.5Paper.js圖形庫
6.2應用Canvas
6.2.1繪制圖形
6.2.2繪制文字
6.2.3顏色漸變
6.3范例——帶特效的相冊APP
6.4本章 小結
第7章 移動特性6——CSS3視覺輔助
7.1CSS3的變化
7.2背景（Backgrounds）
7.3文字效果（Text Effects）
7.4邊框（Border）
7.5用戶界面（Userinterface）
7.6轉換（Tmnsfom）
7.7過渡（Transition）
7.8范例——用CSS3畫哆啦A夢
7.8.1頭和臉
7.8.2脖子和鈴鐺
7.8.3身體和四肢
7.8.4讓眼睛動起來
7.9本章 小結
第8章 移動特性7——調用手機設備
8.1HTML5調用手機攝像頭
8.2HTML5調用手機相冊
8.3HTML5調用手機通訊錄
8.4本章 小結
第9章 HTML5移動性能優化
9.1HTML5的性能考量
9.1.1瀏覽器性能
9.1.2網絡性能
9.1.3開發效率
9.2加載優化
9.2.1減少HTTP請求
9.2.2充分利用緩存
9.2.3壓縮
9.2.4優化JavaScript加載性能
9.2.5其他加載優化
9.3CSS優化
9.3.1了解頁面的渲染過程
9.3.2避免在HTML標簽中寫Style屬性
9.3.3正確使用display屬性
9.3.4避免使用CSS表達式
9.3.5請勿濫用float屬性
9.3.6不濫用Web字體
9.3.7不聲明過多的Font—size
9.3.8優化選擇器的使用
9.4圖片優化
9.4.1使用CSS3代替圖片
9.4.2使用DataURI代替圖片
9.4.3使用SVG代替圖片
9.4.4IconFont與SVG優劣對比
9.4.5使用壓縮圖片
9.4.6使用srcset
9.4.7使用WebP
9.5渲染優化
9.5.1渲染流程
9.5.2使用Viewport加速頁面渲染
9.5.3動畫優化
9.5.4高頻事件優化
9.5.5GPU加速
9.6腳本優化
9.6.1腳本執行優化
9.6.2條件JavaScipt
9.6.3緩存DOM操作
9.6.4盡量使用事件代理以避免批量綁定事件
9.6.5盡量使用ID選擇器
9.6.6click事件優化
9.7本章 小結
……
第10章 jQuery Mobile移動框架
第11章 Sencha Touch框架
第12章 jQuery Mobile框架實戰——移動便箋APP
第13章 Sencha Touch框架實戰——通訊錄APP
