具體描述
編輯推薦
越來越多的公司采用HTML5來快速開發移動跨平颱App，它支持市麵上流行的移動設備，本書將幫助讀者快速學習如何利用HTML 5和Dcloud（數字天堂）的HTML5移動開發技術來開發移動App。本書介紹HTML5在移動APP開發的相關技術，CSS3的應用，JavaScript的編程知識，並使用瞭大量實例，介紹瞭利用Hbuider、MUI、HTML5+規範開發APP的流程和實現。
內容簡介
越來越多的公司采用HTML5來快速開發移動跨平颱App，它支持當前市場流行的移動設備。
本書主要介紹瞭HTML5在移動App開發中的應用技術、CSS 3的應用及JavaScript的編程知識，並使用大量實例介紹利用Hbuider、MUI、HTML5+規範開發App的流程和實現。
本書將幫助讀者快速學習如何利用HTML5和DCloud的HTML5移動開發技術來開發移動App，也可以作為對HTML5 App實踐感興趣的讀者和專業開發人員的參考用書。
作者簡介
黃波 成都東軟學院教師，獲得“成都東軟學院優秀創業導師”稱號，具有豐富的寫作經驗和實戰經驗。目錄
目錄
第1章HTML5 App應用開發概述
1.1HTML5介紹
1.1.1終將失敗的Flash
1.1.2Web移動應用的未來
1.2HTML5新特性
1.3擁抱HTML5
1.4HTML5 App的發展
1.5HTML5 App與原生App的比較
1.6HTML5 App開發環境搭建
1.6.1開發工具的安裝
1.6.2最接近原生App體驗的MUI框架
1.6.3HTML5+應用介紹
1.6.4流應用介紹
1.7開發第一個HTML5 App
1.7.1練習： HelloWorld程序
1.7.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.9.1細節展示details和summary標簽
2.9.2進度條progess標簽
2.10錶格標簽
2.11錶單的應用
2.11.1錶單form標簽
2.11.2各種input輸入標簽
2.11.3input標簽的其他屬性
2.11.4其他錶單標簽
2.11.5實例： 注冊錶單
2.12移動開發中meta標簽的應用
小結
習題
第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.2外邊距屬性
3.9.3box�瞫izing屬性
3.10浮動和定位
3.10.1浮動
3.10.2定位
3.10.3塊元素與行內元素
3.11CSS動畫效果
3.11.1過渡
3.11.22D及3D變換
3.11.3動畫控製
3.12其他一些常用的CSS屬性
3.13移動設備的適配
3.14實例
3.14.1注冊錶單樣式美化
3.14.2旅遊App頁麵
小結
習題
第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.5JavaScript在Chrome中的調試
4.5.1在控製颱輸齣
4.5.2斷點調試
4.6JavaScript對象基礎
4.6.1Object對象
4.6.2內置對象
4.6.3自定義類或對象
4.7JavaScript處理JSON
4.7.1JSON格式結構簡介
4.7.2JSON序列化與反序列化
小結
習題
第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對象
小結
習題
第6章jQuery編程基礎
6.1jQuery介紹
6.2使用jQuery
6.3使用$()函數
6.4jQuery的自定義選擇器
6.4.1基本過濾器
6.4.2內容過濾器
6.4.3可見性過濾器
6.4.4錶單選擇器
6.5jQuery對象與DOM對象的轉換
6.6jQuery對事件的處理
6.6.1頁麵加載後執行
6.6.2jQuery事件監聽
6.7jQuery遍曆方法
6.7.1遍曆HTML元素對象
6.7.2遍曆數組對象
6.7.3遍曆JSON對象屬性
6.8jQueryDOM交互
6.8.1操作HTML屬性
6.8.2操作錶單元素的值
6.8.3修改節點內容
6.8.4創建和添加HTML元素節點
6.8.5刪除HTML元素節點
6.8.6復製HTML元素節點
6.8.7修改樣式
6.9jQuery的擴展
6.10jQuery插件應用介紹
6.11實例： 記憶翻牌遊戲
小結
習題
第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.5RESTful API介紹
7.6jQuery中的AJAX方法
7.7實例： 送貨地址管理
小結
習題
第8章WebSocket基礎
8.1WebSocket的發展曆程
8.2HTML5 WebSocket簡介
8.3WebSocket實現
8.4實例： 聊天室
8.4.1WebSocket服務器端
8.4.2客戶端實現
小結
習題
第9章播放多媒體
9.1HTML5標準中的音視頻
9.1.1audio標簽
9.1.2video標簽
9.2audio和video標簽的主要屬性
9.3audio對象和video對象的API
9.4實例： 視頻播放器
小結
習題
第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遊標
小結
習題
第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實例： 九宮格手勢解鎖
小結
精彩書摘
第3章CSS樣式設計學習目標
�r 熟練掌握CSS的樣式規則，CSS在HTML5頁麵中的應用和各種CSS選擇器的使用，CSS的層疊性和優先級。
�r 熟練掌握各種HTML5 App開發常用的CSS屬性和頁麵的適配。
�r 掌握使用Chrome的“開發者工具”對CSS樣式進行調試。
CSS樣式設計是HTML5 App開發中最重要的技術之一，有瞭它纔真正實現瞭內容與外觀的分離，通過它可以控製頁麵的布局、樣式、動畫，移動設備的適配。目前CSS也是各公司HTML5工程師必備的技能之一。本章針對CSS的語法規則、各種在App開發中常用的CSS屬性、CSS在Chrome中的調試等重要內容作詳細的講解。
3.1CSS簡介
CSS即層疊樣式錶(Cascading StyleSheet)。在頁麵製作時采用CSS技術，可以有效地對頁麵的布局、字體、顔色、背景，甚至動畫效果實現精確的控製。隻要對相應的代碼做一些簡單的修改，就可以改變同一頁麵的外觀。CSS禪意花園(http://www.csszengarden.com/)是網站設計領域最著名的網站之一，網站提供瞭一張HTML頁麵，設計師們為它設計齣成百上韆個CSS樣式文件，這張頁麵通過更換樣式錶呈現齣各式各樣、另人驚嘆的效果，如圖3��1所示，這兩張頁麵的源碼是一樣的，隻是樣式錶文件不同，這讓人不禁感嘆CSS的強大。
圖3��1禪意花園的不同CSS設計
在頁麵中使用CSS技術，可以設計齣更加整潔、漂亮的頁麵，它解決瞭內容與外觀分離的問題。科學地編寫CSS，還可以大大提高頁麵樣式的復用性。
CSS目前的最新版本是CSS3，由於各瀏覽器廠商對CSS3的各屬性支持程度不一樣，因此，有少數CSS3屬性需要用廠商的前綴加以區分，通常把這些加上私有前綴的屬性叫“私有屬性”，以便於在不同的瀏覽器下更好地體驗CSS3特性。錶3��1列舉瞭各主流瀏覽器的私有屬性。
錶3��1各主流瀏覽器私有屬性
內核瀏覽器私有前綴
TridentIE8/IE9/IE10/IE11�瞞s��
WebkitChrome/Safari�瞱ebkit��
GeckoFireFox�瞞oz��
PrestoOpera�瞣��
當一個CSS3屬性成為標準屬性，並且被主流瀏覽器普遍兼容的時候，就可以省略私有前綴瞭。
3.2CSS核心基礎
3.2.1CSS樣式規則
前言/序言
前言
為什麼要寫這本書
近年來移動互聯網的發展十分迅猛，而HTML5開發也受到瞭各世界頂級軟件公司的極力推崇和支持，大量的投資以及蘋果公司、榖歌公司、微軟公司，W3C的一次次聯盟正說明瞭這點。目前主流移動操作係統iOS、Android以及Windows Phone的瀏覽器都支持HTML5，也更加凸顯瞭HTML5技術在未來移動設備端的地位。
HTML5技術從誕生以來，就具備跨平颱開發的特性，目前國內外已經有很多基於HTML5的跨平颱開發工具，開發者並不需要任何的原生應用編程經驗，隻需要一些HTML的相關知識，懂一些CSS和JavaScript，運用工具中所提供的各種豐富的功能模塊，便可在很短時間內完成App的開發，並使其具備完美的原生體驗。HTML5技術讓移動開發更簡單，更適閤開發當今流行的移動應用。
截至2015年，已經有80%的App是全部或部分基於HTML5技術的。移動互聯網行業的快速發展催生瞭開發熱，各大企業對於HTML5開發類人纔的需求不斷增大，HTML5 App開發人員的缺口巨大，這也激發瞭廣大編程人員學習HTML5 App開發以及眾多院校開設這方麵課程的熱情。
雖然HTML5技術在開發市場上已經占有瞭很大比例，相關技術書籍也不少，但是大部分都集中在傳統的網頁技術上。對於如何使用它來進行相關App開發，卻鮮有涉及，並且這些書也不適閤直接作為教材。為瞭便於讀者學習HTML5 App相關開發技術以及相關高校課程的開設，我們結閤這兩年授課過程的總結，以及與企業聯閤定製培養HTML5 App相關人纔的經驗，編寫瞭本書。
在技術選型上，本書選擇瞭DCloud數字天堂(北京)網絡技術有限公司的HBuilder IDE、HTML5+ Runtime和MUI框架，它們的完美結閤做到瞭接近原生App的功能和體驗，給開發者提供瞭許多便利。截至2017年1月1日，HBuilder的開發者數量已高達70萬人，成為中國最主流的HTML5開發工具。
經過半年多見縫插針式的奮戰，本書終於順利交稿瞭，我們感到欣慰，同時也為能將自己多年來參與項目開發和指導的經驗以及教學上的心得與各位讀者分享而感到高興。
本書第1、5、7、12、13、14章由黃波和王彩編寫，第2、4、6、8章由張小華編寫，第3、9、10、11章由黃平編寫。書中的源代碼由王彩整理。
本書適閤作為高等院校計算機及相關專業的教材，也可以作為相關培訓機構的培訓教材，以及對HTML5 App開發技術感興趣人員的自學用書。
HTML5 App開發是一個發展迅速的技術，很多方麵還在不斷完善和變化。由於能力和水平所限，雖然竭盡全力，但仍然難免存在錯誤和疏漏，希望各位專傢、老師和同學提齣問題，與編者共同討論。編者的郵箱為html5toApp@163.com。
本書特點
1. 內容豐富，由淺入深
本書以“看得懂、學得會、做得齣”為原則，係統地介紹瞭HTML5 App開發的各種技術和知識，通過每章的內容逐漸引領讀者進入HTML5 App的開發世界。
書中所講解的知識基礎而實用，並且課程量適中，能讓讀者在認真學習本課程後基本具備HTML5 App的開發能力，成功進入到App開發的世界中。
2. 結構清晰，講解到位
本書中配閤每個需要講解的知識點都給齣瞭豐富的插圖與完整的實例，使得初學者易於上手。書中所有實例都是實際開發中的例子，結構清晰明瞭，便於學習。同時書中還給齣瞭很多關於HTML5 App開發的實用技巧與心得，具有較高的參考價值。最後一章還給齣瞭一個綜閤的App開發實例“美食匯”的開發講解。
3. 提供書中所有實例源碼
為瞭便於學習，讀者可以方便地從清華大學齣版社網站（http://www.tup.com.cn/）獲取本書配套資源包，資源包中包含瞭書中所有案例的完整源代碼，最大限度地幫助讀者快速掌握各方麵的知識與技術。對於書中所有需要訪問的服務器端API，我們已經部署在Internet上，便於讀者方便練習，更集中精力掌握App開發的前端相關技術。
4. 配套的詳細課件和習題
為瞭便於課堂授課，教師可以很方便地從清華大學齣版社網站（http://www.tup.com.cn/）獲取所有章節對應的PPT課件。這大大降低瞭教師備課的難度和時間成本，使得教師可以更好地把精力集中在教學環節，提高授課質量。同時每章最後都配有精心設計的習題，並提供瞭相應的答案，便於讀者復習和教師齣題。
學習建議
本書共分為14章，講解的內容按照由簡到難的順序進行安排。其中包括瞭HTML5 App開發的多方麵的知識，課內學時建議64學時，具體內容及安排如下錶所示：
章名主 要 內 容課內
學時課外
學時
第1章 HTML5 App應用開發概述
簡要介紹HTML5的一些新特性，HTML5 App與原生App的比較，開發環境HBuilder的使用21
第2章 HTML5頁麵基礎
瞭解HTML語言特性，介紹HTML5文檔基本格式，以及用於HTML5 App開發的一些常用標簽63
續錶
章名主 要 內 容課內
學時課外
學時
第3章 CSS樣式設計
介紹CSS樣式規則和使用，在App開發中的一些常用CSS屬性，使用Chrome調試CSS
8
6
第4章 JavaScript編程基礎介紹JavaScript的一些基本語法、定義函數、各種內置對象的使用，JSON數據處理，調試技巧73
第5章 JavaScript 交互編程
介紹JavaScript的各種DOM操作和樣式編程
5
3
第6章 jQuery編程基礎介紹jQuery的選擇器、事件的監聽、各種DOM交互和功能擴展52
第7章 AJAX通信技術
介紹AJAX的技術原理、HTTP協議，Fiddler抓包工具、XMLHttpRequest對象的使用，jQuery的AJAX方法支持，RESTFul API使用
6
3
第8章 WebSocket基礎介紹WebSocket的技術原理以及相應的API22
第9章 播放多媒體介紹audio和video標簽的使用，以及相應的API22
第10章 本地存儲介紹HTML5中本地存儲技術localStorage、sessionStorage、Web SQL和IndexedDB的使用33
第11章 Canvas繪圖
介紹Canvas以及相應繪圖API的使用
3
2
第12章 HTML5+Runtime介紹HTML5+的模塊組成，在頁麵中使用HTML5+ API，WebView模塊的一些典型使用44
第13章 MUI框架
介紹MUI項目頁麵的布局、一些內置方法，事件和窗口管理、典型的一些UI組件和插件，AJAX通信調用，在Chrome中調試Android程序
6
4
第14章 綜閤實例： 美食匯App給齣一個完整的Android App開發實例58
注： 建議課外學時為46學時，便於完成一些實例的練習，任何編程的學習都不能指望在課堂上解決所有的問題，必須在課外進行適時練習。教學或學習過程中可按實際情況對學時和內容進行調整。
本書配套資源包使用說明
下載本書配套資源包的壓縮文件，解壓後用Chrome瀏覽器打開其中的“index.html”，界麵如下圖所示，單擊左側樹形菜單中各章節每個例子的編號，右側將顯示該例子的效果和說明。
用戶評價
這本書的封麵設計給我留下瞭深刻的第一印象，那種充滿現代感和科技氣息的藍色調，配上簡潔有力的標題字體，一下子就抓住瞭我的眼球。我本身就是個對前端技術抱有極大熱情的人，尤其對HTML5這個跨時代的技術標準非常感興趣。拿到書後，我迫不及待地翻開目錄，發現它涵蓋的內容相當全麵，從基礎的文檔結構到更深層次的API應用，似乎都有涉獵。我尤其關注瞭其中關於Canvas繪圖和Web Workers異步處理的部分，這兩塊內容在實際項目中應用頻率極高，但很多市麵上的教程往往一筆帶過，希望這本書能有深入且實用的講解。作者的行文風格在初讀時感覺非常嚴謹，每一個概念的引入都像是經過瞭深思熟慮，力求準確無誤，這對於初學者來說無疑是件好事，能打下一個堅實的基礎。整體而言，這本書散發著一種專業和權威的氣息，讓我對即將開始的學習旅程充滿瞭期待，感覺它不隻是一本教程，更像是一本可以長期參考的技術手冊。我希望它在代碼示例的質量上能有所保障，畢竟實踐是檢驗真理的唯一標準。
評分從整體學習的節奏感來看，這本書的設計非常適閤那些希望係統性掌握HTML5技術的開發者。它的難度麯綫是平滑上升的，從最初的DOM操作和媒體元素嵌入，逐步過渡到地理定位服務（Geolocation API）和設備傳感器接口的應用。這種循序漸進的方式有效避免瞭初學者在初期就因接觸過於復雜的概念而産生挫敗感。最讓我欣賞的是，作者在介紹新的API時，總會同時提及相關的性能優化建議，而不是僅僅停留在功能的實現層麵。例如，在講解音頻視頻處理時，就提到瞭如何利用Web Audio API進行更高效的資源管理，這種對性能的關注，體現瞭作者深厚的工程實踐經驗。總而言之，這是一本結構嚴謹、內容詳實、兼顧理論深度與實踐操作的優秀教材，能夠有效地幫助讀者從容應對現代Web應用開發的挑戰。
評分我不得不說，這本書在技術細節的呈現上做到瞭令人贊嘆的細緻。對於一些容易混淆的HTML5新特性，比如離綫應用（AppCache，雖然現在逐漸被Service Worker取代，但瞭解其原理依舊有價值）和文件API的操作，作者都進行瞭極其詳盡的步驟分解和代碼注釋。我特彆留意瞭關於拖放API（Drag and Drop API）的那一節，它不僅清晰地解釋瞭事件的捕獲順序，還貼心地附上瞭處理邊界情況的代碼片段，這在很多其他教程中是看不到的。這本書的圖文並茂達到瞭一個很好的平衡點，圖例不是簡單的截圖，而是清晰的流程圖或結構示意圖，幫助我迅速建立起對復雜Web API工作原理的宏觀認知。閱讀過程中，我幾乎沒有遇到因為描述不清而需要反復琢磨的段落，作者的敘述口吻仿佛是位耐心且知識淵博的導師，總能用最恰當的詞匯將技術難點化解於無形。這讓我在麵對一些以往覺得晦澀的技術點時，也重新拾起瞭學習的信心。
評分這本書的排版和章節邏輯安排得相當巧妙，它似乎非常注重讀者的學習體驗。不像某些技術書籍那樣堆砌枯燥的理論，這本書在每一章的開頭都設置瞭一個引人入勝的實際應用場景或者一個小挑戰，立刻就能將讀者的心神拉入到具體問題的解決過程中去。比如，在講解本地存儲的章節，作者不是直接拋齣`localStorage`的語法，而是先描述瞭一個“如何記住用戶偏好設置”的痛點，然後順理成章地引齣解決方案，這種“問題-方法”的結構，極大地提升瞭我的閱讀興趣和理解速度。此外，書中穿插的“高手進階提示”欄目也非常實用，它們通常是針對某個知識點的優化技巧或者性能考量，這些往往是書本知識與實際工作經驗的橋梁，讀起來讓人感覺受益匪淺，仿佛有位經驗豐富的工程師在耳邊悉心指導。如果能多增加一些與主流框架（比如React或Vue）結閤使用時的兼容性討論，那就更完美瞭，但就目前呈現齣的紮實基礎講解而言，已經非常齣色瞭。
評分這本書的配套資源方麵做得也相當到位，這一點對於實戰型的教程來說至關重要。我下載瞭隨書提供的所有代碼示例，發現它們組織得非常有條理，每一個章節對應的項目代碼都放在獨立的文件夾內，並且版本控製做得很好，可以直接運行驗證效果。最讓我驚喜的是，作者似乎預料到瞭讀者可能會遇到的環境配置問題，在書的最後部分附帶瞭一個非常詳細的“常見問題與環境搭建指南”。這個指南不僅覆蓋瞭基本的Web服務器配置，還提到瞭不同瀏覽器對新特性的兼容性差異及其應對策略，這對於構建跨平颱兼容性好的應用至關重要。這種對讀者後續開發路徑的深思熟慮，使得這本書的價值遠遠超齣瞭書本本身。它不僅僅教會瞭“怎麼做”，更重要的是教會瞭“如何保持代碼的健壯性”，這種前瞻性的指導，絕對是專業書籍的標誌。
評分不適閤初學者看
評分不適閤初學者看
評分不適閤初學者看
評分不適閤初學者看
評分不適閤初學者看
評分不適閤初學者看
評分不適閤初學者看
評分不適閤初學者看
評分不適閤初學者看
相關圖書
本站所有內容均為互聯網搜尋引擎提供的公開搜索信息，本站不存儲任何數據與內容，任何內容與數據均與本站無關，如有需要請聯繫相關搜索引擎包括但不限於百度，google,bing,sogou 等
© 2025 book.teaonline.club All Rights Reserved. 圖書大百科 版權所有