HTML5 App應用開發教程( 簡體 字) | |
作者:黃波、張小華、黃平、王彩 | 類別:1. -> 程式設計 -> 網路編程 -> HTML |
出版社:清華大學出版社 | 3dWoo書號: 48405 詢問書籍請說出此書號! 有庫存 NT售價: 395 元 |
出版日:1/1/2018 | |
頁數:435 | |
光碟數:0 | |
站長推薦: | |
印刷:黑白印刷 | 語系: ( 簡體 字 ) |
ISBN:9787302481997 | 加入購物車 │加到我的最愛 (請先登入會員) |
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證, 繁體書的下載亦請直接連絡出版社) | |
第1章HTML5App應用開發概述
1.1HTML5介紹 1.1.1終將失敗的Flash 1.1.2Web移動應用的未來 1.2HTML5新特性 1.3擁抱HTML5 1.4HTML5App的發展 1.5HTML5App與原生App的比較 1.6HTML5App開發環境搭建 1.6.1開發工具的安裝 1.6.2最接近原生App體驗的MUI框架 1.6.3HTML5+應用介紹 1.6.4流應用介紹 1.7開發第一個HTML5App 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.3boxsizing屬性 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.5RESTfulAPI介紹 7.6jQuery中的AJAX方法 7.7實例:送貨地址管理 小結 習題 第8章WebSocket基礎 8.1WebSocket的發展歷程 8.2HTML5WebSocket簡介 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.3WebSQL數據庫 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實例:九宮格手勢解鎖 小結 習題 第12章HTML5+Runtime 12.1HTML5+Runtime介紹 12.2HTML5+的Demo示例 12.3HTML5+API的使用 12.4HTML5+API的各模塊 12.5Webview模塊 12.5.1Webview的方法 12.5.2WebviewObject 12.5.3常見的一些UI效果 12.6Native.js介紹 小結 習題 第13章MUI框架 13.1MUI介紹 13.2MUI的示例 13.3使用MUI 13.4MUI頁面設計的一些特殊使用 13.5mui對象的內置方法和對象 13.6事件管理 13.7窗口管理 13.8各種UI組件 13.8.1按鈕 13.8.2數字角標 13.8.3數字輸入框 13.8.4列表 13.8.5折疊面板 13.8.6卡片視圖 13.8.7輪播組件 13.8.8圖片輪播組件 13.8.9復選框和單選框組件 13.8.10開關組件 13.8.11滑塊組件 13.8.12字體圖標組件 13.8.13表單組件 13.8.14進度條組件 13.8.15彈出菜單組件 13.8.16遮罩層組件 13.8.17操作表組件 13.8.18對話框組件 13.8.19scroll區域滾動 13.9下拉刷新和上拉加載 13.9.1下拉刷新 13.9.2上拉加載 13.10MUI的插件 13.10.1延遲加載插件 13.10.2圖片預覽插件 13.10.3日期和時間選擇器插件 13.10.4單頁面刷新插件 13.11MUI的AJAX封裝 13.12Chrome調試Android應用 小結 習題 第14章綜合實例:美食匯App 14.1項目介紹 14.1.1API全局變量 14.1.2API介紹 14.2字體圖標的制作 14.3manifest.json文件的配置 14.3.1應用信息配置 14.3.2圖標配置 14.3.3啟動圖片配置 14.4向導 14.5首頁 14.5.1使用子頁面構建首頁 14.5.2美食列表數據的請求和刷新 14.5.3滑動手勢的處理 14.5.4過濾條件的制作 14.5.5MUI插件的使用 14.5.6窗口數據的傳遞 14.5.7掃碼的實現 14.5.8城市定位和選項卡切換 14.6美食詳情 14.6.1撥打電話 14.6.2百度地圖定位顯示 14.6.3評論中的圖片預覽 14.6.4分享 14.6.5收藏 14.7抽獎 14.7.1授權打開窗口 14.7.2界面處理 14.7.3搖一搖 14.7.4自定義窗口 14.7.5跨頁面調用方法 14.8注冊和登錄 14.9我的訂單 14.9.1artTemplate生成列表 14.9.2評論 14.10版本更新 14.11發布Android程序 小結 部分習題參考答案 參考文獻 越來越多的公司采用HTML5來快速開發移動跨平臺App,它支持當前市場流行的移動設備。
本書主要介紹了HTML5在移動App開發中的應用技術、CSS 3的應用及JavaScript的編程知識,并使用大量實例介紹利用Hbuider、MUI、HTML5+規范開發App的流程和實現。 本書將幫助讀者快速學習如何利用HTML5和DCloud的HTML5移動開發技術來開發移動App,也可以作為對HTML5 App實踐感興趣的讀者和專業開發人員的參考用書。 為什么要寫這本書
近年來移動互聯網的發展十分迅猛,而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開發是一個發展迅速的技術,很多方面還在不斷完善和變化。由于能力和水平所限,雖然竭盡全力,但仍然難免存在錯誤和疏漏,希望各位專家、老師和同學提出問題,與編者共同討論。 本書特點 1. 內容豐富,由淺入深 本書以“看得懂、學得會、做得出”為原則,系統地介紹了HTML5 App開發的各種技術和知識,通過每章的內容逐漸引領讀者進入HTML5 App的開發世界。 書中所講解的知識基礎而實用,并且課程量適中,能讓讀者在認真學習本課程后基本具備HTML5 App的開發能力,成功進入到App開發的世界中。 2. 結構清晰,講解到位 本書中配合每個需要講解的知識點都給出了豐富的插圖與完整的實例,使得初學者易于上手。書中所有實例都是實際開發中的例子,結構清晰明了,便于學習。同時書中還給出了很多關于HTML5 App開發的實用技巧與心得,具有較高的參考價值。最后一章還給出了一個綜合的App開發實例“美食匯”的開發講解。 3. 提供書中所有實例源碼 為了便于學習,讀者可以方便地從清華大學出版社網站獲取所有章節對應的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”,界面如下圖所示,單擊左側樹形菜單中各章節每個例子的編號,右側將顯示該例子的效果和說明。 |