構(gòu)建移動(dòng)網(wǎng)站與APP：HTML 5移動(dòng)開(kāi)發(fā)入門(mén)與實(shí)戰(zhàn)
定 價(jià)：79 元
叢書(shū)名：跨平臺(tái)移動(dòng)開(kāi)發(fā)叢書(shū)
- 作者：常新峰 王金柱
- 出版時(shí)間：2017/1/1
- ISBN：9787302461111
- 出 版 社：清華大學(xué)出版社
- 中圖法分類：TP312HT
- 頁(yè)碼：
- 紙張：膠版紙
- 版次：1
- 開(kāi)本：16開(kāi)
本書(shū)由淺入深，全面、系統(tǒng)、詳盡地介紹了HTML 5相關(guān)技術(shù)及其在移動(dòng)開(kāi)發(fā)領(lǐng)域的應(yīng)用。從基本原理到移動(dòng)頁(yè)面優(yōu)化再到實(shí)戰(zhàn)應(yīng)用，幾乎涉及HTMML 5移動(dòng)開(kāi)發(fā)領(lǐng)域的絕大部分內(nèi)容，是一本集理論與實(shí)戰(zhàn)的綜合性參考書(shū)。
本書(shū)共13章，分為3篇。第1篇為HTML 5移動(dòng)特性，內(nèi)容包括HTML 5移動(dòng)開(kāi)發(fā)基礎(chǔ)、移動(dòng)表單、多媒體形式、地理位置定位（Geolocation）、離線緩存、Canvas繪圖、CSS 3視覺(jué)輔助和調(diào)用手機(jī)設(shè)備等，*后還剖析了移動(dòng)性能優(yōu)化的一些技巧。第2篇為HTML 5移動(dòng)框架，主要介紹jQueryMobile和SenchaTouch這兩個(gè)當(dāng)下*流行的移動(dòng)框架。第3篇為HTML 5移動(dòng)實(shí)戰(zhàn)，詳細(xì)講解了使用jQueryMobile和SenchaTouch這兩個(gè)移動(dòng)框架開(kāi)發(fā)移動(dòng)應(yīng)用的過(guò)程與方法。
本書(shū)適合所有想全面深入學(xué)習(xí)HTML 5移動(dòng)開(kāi)發(fā)技術(shù)的人員閱讀，尤其適合正在應(yīng)用HTML 5做移動(dòng)項(xiàng)目開(kāi)發(fā)的人員閱讀。對(duì)于大中專院校相關(guān)專業(yè)的學(xué)生和培訓(xùn)機(jī)構(gòu)的學(xué)員，本書(shū)也是一本不可多得的參考書(shū)。
(1)贈(zèng)送本書(shū)中提到的程序的源代碼 http://pan.baidu.com/s/1gfsTf2b(2)本書(shū)涵蓋了HTML 5移動(dòng)Web開(kāi)發(fā)的所有常用知識(shí)點(diǎn)及開(kāi)發(fā)工具，可以幫助傳統(tǒng)Web開(kāi)發(fā)者搭乘HTML 5快車，輕松開(kāi)發(fā)和部署移動(dòng)應(yīng)用，也可以使移動(dòng)開(kāi)發(fā)者挖掘Web潛力，在傳統(tǒng)網(wǎng)頁(yè)的基礎(chǔ)上獲得跨平臺(tái)支持。
前 言
移動(dòng)互聯(lián)是如今互聯(lián)網(wǎng)最熱門(mén)的詞匯，其代表著互聯(lián)網(wǎng)未來(lái)的趨勢(shì)。這一切似乎是昨天才發(fā)生的，但放眼望去，智能移動(dòng)終端設(shè)備已經(jīng)是人們?nèi)粘Ｉ钪胁豢苫蛉钡囊徊糠�。眾所周知，智能移�?dòng)終端設(shè)備是iOS與Android的天下，但是iOS和Android開(kāi)發(fā)門(mén)檻也不低。隨著HTML 5技術(shù)的不斷發(fā)展與成熟，移動(dòng)應(yīng)用開(kāi)發(fā)領(lǐng)域迎來(lái)了嶄新的時(shí)代，設(shè)計(jì)人員發(fā)現(xiàn)以前需要折騰許久的項(xiàng)目，使用HTML 5技術(shù)則簡(jiǎn)單了很多。當(dāng)然HTML 5也不是萬(wàn)能的，畢竟iOS和Android作為原生系統(tǒng)有著不可替代的地位，如果將HTML 5的前端技術(shù)發(fā)揮到極致，也會(huì)讓移動(dòng)應(yīng)用開(kāi)發(fā)更上一層樓。關(guān)于HTML 5新手必須知道的? HTML 5不僅僅是HTML早期的HTML在非常長(zhǎng)的時(shí)間里被人們認(rèn)為是一種效率低下且功能簡(jiǎn)單的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)，但Web技術(shù)的不斷發(fā)展讓網(wǎng)頁(yè)和應(yīng)用的界限越來(lái)越模糊，尤其是HTML 5的橫空出世，讓W(xué)eb變得更加強(qiáng)大。HTML 5標(biāo)準(zhǔn)草案最初發(fā)布于2008年，而后被各大瀏覽器廠商跟進(jìn)，包括Chrome、IE、Opera和Safari等。它發(fā)展迅速，很快成為了開(kāi)發(fā)跨平臺(tái)和跨設(shè)備應(yīng)用的首選客戶端技術(shù)。它賦予瀏覽器強(qiáng)大的能力。例如，基于HTML 5甚至完全可以拋棄特定的操作系統(tǒng)平臺(tái)Chromebook就是這方面的有力踐行者。對(duì)于開(kāi)發(fā)人員來(lái)講，HTML 5使得開(kāi)發(fā)應(yīng)用程序更加高效、快捷、簡(jiǎn)單，幾十行代碼便可以實(shí)現(xiàn)過(guò)去幾百甚至上千行代碼才能實(shí)現(xiàn)的功能，省時(shí)又省力。? HTML 5易學(xué)易用HTML 5增強(qiáng)了HTML的功能，但又摒棄了XHTML的復(fù)雜，在學(xué)習(xí)上幾乎不用花費(fèi)太多功夫，在使用上也盡量貼近人們的常規(guī)思維。HTML 5社區(qū)和相關(guān)技術(shù)發(fā)展也十分迅速。在移動(dòng)互聯(lián)網(wǎng)的助力下，HTML 5的步子邁得更大了。一方面，對(duì)程序開(kāi)發(fā)不了解的設(shè)計(jì)師也能利用HTML 5和CSS 3技術(shù)輕易地設(shè)計(jì)出高保真的動(dòng)態(tài)應(yīng)用原型。另一方面，前端開(kāi)發(fā)工程師可以利用HTML 5提供的編程接口編寫(xiě)出強(qiáng)大的應(yīng)用程序。? 本書(shū)與HTML 5許多人在學(xué)習(xí)HTML 5的時(shí)候不明白究竟什么才算是HTML 5，也經(jīng)常搞混一些概念和用法。從某種角度來(lái)說(shuō)，HTML 5是一系列技術(shù)標(biāo)準(zhǔn)的集合，并且是不斷向前發(fā)展的技術(shù)。為了幫助那些對(duì)移動(dòng)開(kāi)發(fā)感興趣的讀者能夠在較短的時(shí)間內(nèi)掌握HTML 5開(kāi)發(fā)技術(shù)，筆者編寫(xiě)了本書(shū)。本書(shū)首先從HTML 5的歷史和背景入手，讓讀者理解HTML 5究竟為何物；然后一一講解HTML 5的相關(guān)技術(shù)標(biāo)準(zhǔn)及其在移動(dòng)Web開(kāi)發(fā)中的應(yīng)用，以期讀者能夠掌握HTML 5移動(dòng)Web開(kāi)發(fā)的核心內(nèi)容；最后講解HTML 5移動(dòng)Web開(kāi)發(fā)的相關(guān)工具，讓讀者可以快速成為一位高效而專業(yè)的開(kāi)發(fā)者。本書(shū)特色? 內(nèi)容豐富，覆蓋面廣本書(shū)基本涵蓋了HTML 5移動(dòng)Web開(kāi)發(fā)的所有常用知識(shí)點(diǎn)及開(kāi)發(fā)工具。無(wú)論是初學(xué)者還是有一定基礎(chǔ)的Web開(kāi)發(fā)從業(yè)人員，通過(guò)閱讀本書(shū)都將獲益匪淺。? 注重實(shí)踐，快速上手本書(shū)不以枯燥乏味的理論知識(shí)作為講解的重點(diǎn)，而是從實(shí)踐出發(fā)，將必要的理論知識(shí)和大量的開(kāi)發(fā)實(shí)例相結(jié)合，并將筆者多年的實(shí)際項(xiàng)目開(kāi)發(fā)經(jīng)驗(yàn)貫穿于全書(shū)的講解中，讓讀者可以在較短的時(shí)間內(nèi)理解和掌握所學(xué)的知識(shí)。? 內(nèi)容深入、專業(yè)本書(shū)直擊要害，先從標(biāo)準(zhǔn)文檔入手，深入淺出地講解了Web技術(shù)的原理；然后結(jié)合移動(dòng)Web開(kāi)發(fā)的相關(guān)工具，介紹實(shí)際的移動(dòng)Web開(kāi)發(fā)，讓讀者學(xué)有所用。最專業(yè)的內(nèi)容是本書(shū)還詳細(xì)剖析了HTML 5移動(dòng)頁(yè)面優(yōu)化的技巧。? 實(shí)例豐富，隨學(xué)隨用本書(shū)提供了大量來(lái)源于真實(shí)Web開(kāi)發(fā)項(xiàng)目的實(shí)例，并給出豐富的程序代碼及注釋。讀者通過(guò)研讀這些例子，不僅可以了解實(shí)際開(kāi)發(fā)中編寫(xiě)代碼的思路和技巧，還可以將這些代碼直接復(fù)用，以提高自己的開(kāi)發(fā)效率。適合閱讀本書(shū)的讀者? 需要全面學(xué)習(xí)移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)的人員? HTML 5初學(xué)者? 有一定基礎(chǔ)的Web開(kāi)發(fā)人員? Web前端開(kāi)發(fā)工程師? 移動(dòng)應(yīng)用開(kāi)發(fā)人員? 混合應(yīng)用開(kāi)發(fā)人員? 微信HTML 5網(wǎng)頁(yè)開(kāi)發(fā)人員? 瀏覽器開(kāi)發(fā)人員? 大中專院校的學(xué)生? 相關(guān)培訓(xùn)班的學(xué)員下載資源為了方便廣大讀者學(xué)習(xí)，我們還提供了有關(guān)程序的源代碼，下載地址（注意數(shù)字和字母大小寫(xiě)）如下：http://pan.baidu.com/s/1gfsTf2b（密碼：7cwm）如果下載有問(wèn)題，請(qǐng)電子郵件聯(lián)系booksaga@163.com，郵件主題為HTML5移動(dòng)開(kāi)發(fā)入門(mén)源碼。
本章第1~8章由平頂山學(xué)院的常新峰編寫(xiě)，第10~12章由華北電力大學(xué)的王金柱編寫(xiě)。本書(shū)還要特別鳴謝阿里旅行的美女程序員趙榮嬌，在懷孕期間寫(xiě)作了第9章。另外，陳宇、劉軼、姜永艷、馬飛、王琳、張?chǎng)巍垎�、趙海波、楊旺功、歐陽(yáng)薇、周瑞、李為民、陳超、杜禮、孔峰等也參與了本書(shū)的編寫(xiě)工作，在此表示感謝。
編 者2017年1月
常新峰，資深網(wǎng)頁(yè)開(kāi)發(fā)設(shè)計(jì)師，并有多年教學(xué)經(jīng)驗(yàn)及實(shí)際操作經(jīng)驗(yàn)，先后出版多版作品。
目 錄
第1章 HTML 5移動(dòng)入門(mén) 11.1 認(rèn)識(shí)HTML 11.1.1 HTML的構(gòu)成 11.1.2 CSS的構(gòu)成 21.1.3 JavaScript的構(gòu)成 31.2 認(rèn)識(shí)HTML 5 41.2.1 HTML 5的發(fā)展與理念 51.2.2 HTML 5和XHTML的對(duì)比 61.3 制作一個(gè)簡(jiǎn)單的HTML 5移動(dòng)APP 71.3.1 開(kāi)發(fā)工具的選擇 81.3.2 APP代碼的編寫(xiě) 81.3.3 調(diào)試運(yùn)行 Hello APP 91.4 HTML 5的移動(dòng)特色 101.5 本章小結(jié) 10第2章 移動(dòng)特性1移動(dòng)表單 112.1 豐富的表單屬性 112.2 移動(dòng)Web表單的input類型 122.2.1 search類型文本 122.2.2 email類型文本 132.2.3 number類型文本 142.2.4 range類型文本 152.2.5 tel類型文本 152.2.6 url類型文本 162.3 HTML 5表單新屬性 162.3.1 autocomplete屬性 162.3.2 autofocus屬性 172.4 范例創(chuàng)建一個(gè)HTML 5版的APP注冊(cè)頁(yè)面 182.4.1 代碼設(shè)計(jì) 192.4.2 代碼分析 242.5 本章小結(jié) 26第3章 移動(dòng)特性2多媒體形式 273.1 音頻視頻 273.1.1 音頻視頻的格式 273.1.2 使用video/audio元素 273.1.3 音頻視頻的通信 293.2 范例制作音樂(lè)播放器APP 313.3 范例制作視頻播放器APP 333.3.1 普通視頻播放器 343.3.2 添加視頻進(jìn)度條 373.3.3 添加視頻快進(jìn)慢進(jìn)按鈕 403.3.4 處理帶字幕的視頻 413.4 本章小結(jié) 43第4章 移動(dòng)特性3地理位置定位 444.1 認(rèn)識(shí)地理位置 444.1.1 緯度和經(jīng)度坐標(biāo) 444.1.2 定位數(shù)據(jù) 454.1.3 構(gòu)建地理位置應(yīng)用 464.2 手機(jī)地理位置定位 474.3 谷歌地圖的使用 494.3.1 追蹤用戶的位置 494.3.2 查找路線 534.3.3 用戶自定義的地理定位 614.4 高德地圖的使用 654.5 本章小結(jié) 67第5章 移動(dòng)特性4離線緩存 685.1 離線緩存應(yīng)用 685.1.1 離線緩存API簡(jiǎn)介 685.1.2 使用Manifest方法 715.1.3 使用ApplicationCache API方法 725.1.4 搭建簡(jiǎn)單的離線APP 725.2 離線事件處理 765.3 范例離線貼吧APP 805.4 本章小結(jié) 84第6章 移動(dòng)特性5Canvas繪圖 856.1 HTML 5的繪圖API 856.1.1 什么是Canvas 856.1.2 加載Canvas 866.1.3 什么是SVG 876.1.4 什么是WebGL 896.1.5 Paper.js圖形庫(kù) 906.2 應(yīng)用Canvas 916.2.1 繪制圖形 926.2.2 繪制文字 966.2.3 顏色漸變 1036.3 范例帶特效的相冊(cè)APP 1066.4 本章小結(jié) 114第7章 移動(dòng)特性6CSS 3視覺(jué)輔助 1157.1 CSS 3的變化 1157.2 背景（Backgrounds） 1167.3 文字效果（Text Effects） 1177.4 邊框（Border） 1187.5 用戶界面（User interface） 1207.6 轉(zhuǎn)換（Transform） 1227.7 過(guò)渡（Transition） 1237.8 范例用CSS 3畫(huà)哆啦A夢(mèng) 1247.8.1 頭和臉 1257.8.2 脖子和鈴鐺 1297.8.3 身體和四肢 1317.8.4 讓眼睛動(dòng)起來(lái) 1357.9 本章小結(jié) 136第8章 移動(dòng)特性7調(diào)用手機(jī)設(shè)備 1378.1 HTML 5調(diào)用手機(jī)攝像頭 1378.2 HTML 5調(diào)用手機(jī)相冊(cè) 1408.3 HTML 5調(diào)用手機(jī)通訊錄 1468.4 本章小結(jié) 149
第9章 HTML 5移動(dòng)性能優(yōu)化 1509.1 HTML 5的性能考量 1509.1.1 瀏覽器性能 1509.1.2 網(wǎng)絡(luò)性能 1539.1.3 開(kāi)發(fā)效率 1549.2 加載優(yōu)化 1569.2.1 減少HTTP請(qǐng)求 1569.2.2 充分利用緩存 1609.2.3 壓縮 1619.2.4 優(yōu)化JavaScript加載性能 1659.2.5 其他加載優(yōu)化 1739.3 CSS優(yōu)化 1759.3.1 了解頁(yè)面的渲染過(guò)程 1769.3.2 避免在HTML標(biāo)簽中寫(xiě)Style屬性 1789.3.3 正確使用display屬性 1799.3.4 避免使用CSS表達(dá)式 1799.3.5 請(qǐng)勿濫用float屬性 1809.3.6 不濫用Web字體 1829.3.7 不聲明過(guò)多的Font-size 1849.3.8 優(yōu)化選擇器的使用 1859.4 圖片優(yōu)化 1879.4.1 使用CSS 3代替圖片 1879.4.2 使用Data URI代替圖片 1909.4.3 使用SVG代替圖片 1949.4.4 IconFont與SVG優(yōu)劣對(duì)比 1969.4.5 使用壓縮圖片 1979.4.6 使用srcset 1989.4.7 使用WebP 2009.5 渲染優(yōu)化 2019.5.1 渲染流程 2029.5.2 使用Viewport加速頁(yè)面渲染 2039.5.3 動(dòng)畫(huà)優(yōu)化 2049.5.4 高頻事件優(yōu)化 2079.5.5 GPU加速 2109.6 腳本優(yōu)化 2119.6.1 腳本執(zhí)行優(yōu)化 2119.6.2 條件JavaScript 2129.6.3 緩存DOM操作 2159.6.4 盡量使用事件代理以避免批量綁定事件 2199.6.5 盡量使用ID選擇器 2219.6.6 click事件優(yōu)化 2239.7 本章小結(jié) 225第10章 jQuery Mobile移動(dòng)框架 22610.1 初步接觸jQuery Mobile 22610.1.1 jQuery Mobile框架特點(diǎn) 22610.1.2 jQuery Mobile框架安裝與配置 22710.1.3 創(chuàng)建第一個(gè)jQuery Mobile APP 22910.2 jQuery Mobile頁(yè)面與導(dǎo)航 23110.2.1 jQuery Mobile單頁(yè)面 23110.2.2 jQuery Mobile多頁(yè)面 23310.2.3 jQuery Mobile對(duì)話框頁(yè)面 23610.2.4 jQuery Mobile導(dǎo)航 24110.2.5 jQuery Mobile加載 24610.2.6 jQuery Mobile動(dòng)畫(huà)效果 25010.3 jQuery Mobile CSS樣式 25310.3.1 按鈕樣式 25310.3.2 圖標(biāo)樣式 26010.3.3 網(wǎng)格布局樣式 26410.4 jQuery Mobile小部件 26810.4.1 工具條 26810.4.2 導(dǎo)航條 27110.4.3 選項(xiàng)卡 27510.4.4 面板 27810.4.5 彈出框 28110.5 jQuery Mobile表單 28410.5.1 輸入框 28410.5.2 復(fù)選框 28610.5.3 單選按鈕 28810.5.4 下拉列表框 28910.5.5 滑塊控件 29110.6 本章小結(jié) 293第11章 Sencha Touch框架 29411.1 初步接觸Sencha Touch 29411.1.1 Sencha Touch框架特點(diǎn) 29411.1.2 Sencha Touch框架環(huán)境搭建 29511.1.3 創(chuàng)建第一個(gè)Sencha Touch APP 30311.1.4 Sencha Touch APP代碼解析 30711.1.5 運(yùn)行Sencha Touch APP 31811.2 Sencha Touch核心概念 32011.2.1 類系統(tǒng) 32011.2.2 容器組件 33211.2.3 組件布局 33411.2.4 事件 33811.3 Sencha Touch組件 34311.3.1 導(dǎo)航視圖 34311.3.2 旋燈視圖 34811.3.3 表單 35111.4 本章小結(jié) 354第12章 jQuery Mobile框架實(shí)戰(zhàn)移動(dòng)便箋APP 35512.1 項(xiàng)目介紹 35512.2 項(xiàng)目功能模塊 35612.2.1 主頁(yè) 35612.2.2 便箋內(nèi)容瀏覽頁(yè)面 35812.2.3 登錄頁(yè)面 36012.2.4 便箋內(nèi)容瀏覽頁(yè)面（用戶權(quán)限） 36212.2.5 新建便箋內(nèi)容 36412.2.6 編輯便箋內(nèi)容 36712.2.7 刪除便箋內(nèi)容 36712.2.8 清空便箋內(nèi)容 36812.3 本章小結(jié) 369第13章 Sencha Touch框架實(shí)戰(zhàn)通訊錄APP 37013.1 項(xiàng)目介紹 37013.2 項(xiàng)目功能模塊 37113.2.1 app.js主入口文件 37113.2.2 Model模型 37213.2.3 Store存儲(chǔ) 37213.2.4 View主視圖 37313.2.5 Contacts視圖類 37513.2.6 Controller控制器 37613.3 測(cè)試運(yùn)行項(xiàng)目 37813.4 本章小結(jié) 380
書(shū)單推薦
