細說HTML5高級API( 簡體 字) | |
| 作者：兄弟連教育 | 類別：1. -> 程式設計 -> 網路編程 -> HTML |
| 出版社：電子工業出版社 |  3dWoo書號： 47969詢問書籍請說出此書號！ 有庫存 NT售價： 250 元 |
| 出版日：10/1/2017 | |
| 頁數：296 | |
| 光碟數：0 | |
站長推薦：  | |
| 印刷：黑白印刷 | 語系： ( 簡體 字 ) |
| ISBN：9787121329272 | 加入購物車 │加到我的最愛 (請先登入會員) |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證, 繁體書的下載亦請直接連絡出版社) | |
第1章 鳥瞰HTML5 1
1.1 原生還是混合 1 1.1.1 原生應用的優缺點 2 1.1.2 混合應用的優缺點 2 1.2 移動端Web站點和原生應用 3 1.2.1 構建移動端解決方案 3 1.2.2 建立成功的移動端方案 4 1.3. Web API和APP組件開發 5 1.3.1 面向API方式的開發方式 6 1.3.2 組件化自動化構建 7 1.3.3 未來展望 7 1.4 本章總結 8 第2章 HTML5 bMap地理位置與服務 9 2.1 基本知識之經緯度 9 2.2 bMap JavaScript API實例之Hello bMap 10 2.2.1 創建賬戶和申請密鑰 11 2.2.2 Hello bMap應用 13 2.3 應用bMap JavaScript API 15 2.3.1 實例之添加定位控件 15 2.3.2 實例之步行路線 18 2.3.3 實例之駕車路線 21 2.3.4 實例之公交路線 23 2.3.5 實例之本地搜索 25 2.4 本章總結 27 練習題 28 第3章 HTML5本地存儲 29 3.1 Web Storage API 29 3.1.1 使用Web Storage API的好處 29 3.1.2 瀏覽器客戶端常用的存儲數據方式 30 3.1.3 簡單存儲實例 30 3.2 Web Storage的常用方法 32 3.2.1 setItem()與getItem()方法的使用 32 3.2.2 key()方法的使用 32 3.2.3 removeItem()和clear()方法的使用 34 3.3 實例：幻燈播放 35 3.3.1 impress的介紹與下載 35 3.3.2 效果與代碼清單 36 3.3.3 impress.js的主要方法 38 3.4 本章小結 39 練習題 40 第4章 HTML5 Canvas API應用 41 4.1 什么是Canvas 41 4.1.1 Canvas的由來 41 4.1.2 Canvas的概念 42 4.2 如何使用Canvas 43 4.2.1 使用Canvas API的基本知識 43 4.2.2 檢測瀏覽器是否支持Canvas 44 4.2.3 Canvas與CSS的關系與應用 46 4.3 使用Canvas繪制矩形的對角線 48 4.3.1 HTML代碼實例 48 4.3.2 思路分析 51 4.4 使用Canvas API繪制圓 51 4.4.1 繪制圓的參數說明 51 4.4.2 繪制圓的HTML代碼清單 52 4.4.3 繪制圓的效果圖 53 4.5 使用Canvas API繪制矩形 54 4.5.1 繪制矩形的參數說明 54 4.5.2 繪制矩形的HTML代碼 54 4.5.3 繪制矩形的效果圖 55 4.6 使用Canvas繪制時鐘的實例 56 4.6.1 繪制時鐘的原理 56 4.6.2 繪制時鐘的HTML代碼清單 56 4.6.3 繪制時鐘的效果圖 60 4.7 本章總結 60 練習題 61 第5章 HTML5中的WebSocket的應用 63 5.1 認識WebSocket API 63 5.1.1 簡單理解WebSocket 63 5.1.2 WebSocket協議和HTTP的不同 64 5.2 WebSocket和HTTP會話演示 67 5.2.1 HTTP的會話演示 67 5.2.2 WebSocket的會話演示 67 5.2.3 瀏覽器的支持情況 68 5.2.4 WebSocket的API常用的方法和屬性 68 5.3 經典案例：WebSocket聊天室 69 5.3.1 服務器代碼片段 70 5.3.2 HTML界面代碼片段 72 5.3.3 客戶端的實現 75 5.3.4 效果演示和詳解 78 5.4 本章總結 81 第6章 FileReader API的引用 82 6.1 FileReader API的概念 82 6.2 FileReader API的相關方法 83 6.2.1 readAsText()方法 83 6.2.2 readAsDataURL()方法 83 6.2.3 readAsBinaryString()方法 84 6.2.4 readAsArrayBuffer()方法 84 6.2.5 abort()方法 84 6.3 實例：讀取文本內容 84 6.3.1 思路分析 84 6.3.2 HTML文檔代碼片段 85 6.3.3 JavaScript代碼片段 86 6.3.4 簡單的CSS代碼片段 87 6.3.5 必要屬性和事件驅動 87 6.4 實例：讀取圖像文件 89 6.4.1 JavaScript代碼片段 89 6.4.2 HTML代碼片段 89 6.4.3 CSS代碼片段 91 6.4.4 思路梳理 91 6.5 本章總結 93 練習題 93 第7章 HTML5拖放API 95 7.1 DOM和CSS實現的類似拖放功能的弊端 95 7.2 拖放API的概念 96 7.3 拖放API的事件和說明 97 7.4 拖放API的使用 97 7.5 實例1：經典列表拖放 98 7.6 實例2：文件拖放 101 7.7 本章總結 104 練習題 104 第8章 Apache Cordova簡介 106 8.1 Cordova或PhoneGap 106 8.1.1 Cordova的由來 107 8.1.2 Cordova和PhoneGap的區別 108 8.1.3 Cordova的特點 108 8.1.4 注意事項 109 8.2 搭建Cordova環境 109 8.2.1 安裝Node.js 109 8.2.2 安裝和使用Node.js版本管理工具 113 8.3 安裝使用Cordova 116 8.3.1 安裝Cordova到系統中 116 8.3.2 使用淘寶的鏡像 117 8.3.3 創建第一個Cordova APP 118 8.3.4 項目目錄的結構講解 120 8.3.5 單頁面應用 121 8.4 本章總結 124 練習題 125 第9章 Cordova的真機調試和必備知識 126 9.1 JDK的安裝與配置 126 9.1.1 在Mac OS X上安裝JDK 127 9.1.2 在Windows平臺上安裝JDK 128 9.1.3 測試Java是否安裝成功 129 9.1.4 在Windows平臺上配置環境變量 129 9.2 Android Studio的下載與安裝 132 9.2.1 Mac上Android Studio的下載與安裝 132 9.2.2 Windows上Android Studio的下載與安裝 133 9.3 Android Studio的SDK包的管理 134 9.3.1 安裝必要的SDK 134 9.3.2 單例模式下運行SDK Manager 135 9.4 安卓真機的運行與調試 136 9.4.1 創建一個名為HelloAndroid的APP 136 9.4.2 添加安卓平臺 136 9.4.3 查看編譯環境 137 9.4.4 編譯安卓應用 137 9.4.5 安裝到安卓手機并運行 138 9.5 蘋果手機的真機調試 139 9.5.1 新建一個名為hello的APP 139 9.5.2 打開Xcode，加載項目 140 9.5.3 編譯和安裝hello項目 140 9.5.4 重新打開手機上名為hello的APP 141 9.6 Cordova編輯器小知識 142 9.6.1 SublimeText3 142 9.6.2 WebStorm 143 9.7 本章總結 144 練習題 144 第10章 Cordova開發基礎 146 10.1 什么是flexbox 146 10.2 理解flexbox布局模型 147 10.3 深入理解伸縮容器的屬性 148 10.3.1 display屬性 149 10.3.2 flex-direction屬性 150 10.3.3 flex-wrap屬性 153 10.3.4 flex-flow屬性 156 10.3.5 justify-content屬性 158 10.3.6 align-items屬性 162 10.3.7 align-content屬性 167 10.4 深入理解伸縮項目的屬性 173 10.4.1 order屬性 174 10.4.2 flex-grow屬性 175 10.4.3 flex-shrink 177 10.4.4 flex-basis屬性 178 10.4.5 flex屬性 180 10.4.6 align-self屬性 181 10.5 本章總結 187 練習題 188 第11章 Cordova中的事件處理 189 11.1 關于Cordova生命周期 189 11.1.1 認識程序的生命周期 189 11.1.2 理解Cordova生命周期中的事件 191 11.2 Cordova生命周期事件的使用 194 11.2.1 Cordova的生命周期中的程序加載狀態事件 194 11.2.2 Cordova生命周期中的設備狀態事件 198 11.2.3 Cordova生命周期中的用戶主動觸發事件 200 11.3 本章總結 204 練習題 204 第12章 Cordova地理位置信息服務 206 12.1 Geolocation API的使用 206 12.1.1 獲取設備的地理位置信息 207 12.1.2 獲取設備坐標的實例 207 12.2 監聽設備信息變化 210 12.2.1 監聽設備地理位置實例 210 12.2.2 監聽地理位置信息變化參數分析 213 12.3 本章總結 213 練習題 214 第13章 Cordova設備方向API 216 13.1 獲取當前設備的方向案例 216 13.2 監測當前設備的位置信息 220 13.3 仿微信搖一搖功能的實例 222 13.4 本章總結 225 練習題 226 第14章 Cordova中的多媒體 228 14.1 播放遠程音樂 228 14.2 暫停音樂播放 234 14.3 停止音樂播放 236 14.4 追蹤顯示播放進度 238 14.5 從指定的位置播放 240 14.6 錄制聲音與播放聲音 242 14.7 資源與性能優化 244 14.8 本章總結 245 練習題 245 第15章 Cordova中的內置瀏覽器 247 15.1 認識內置瀏覽器 247 15.2 第一個簡單的實例 248 15.3 第二個實例：自定義URL 250 15.4 本章總結 253 練習題 253 第16章 Cordova中的數據庫存儲 255 16.1 Cordova中的本地存儲 255 16.1.1 Web端的本地存儲 255 16.1.2 Cordova應用中的本地存儲 258 16.2 Cordova中的數據庫 259 16.2.1 認識Cordova中的SQLite API 261 16.2.2 使用SQLite SQL 261 16.3 本章總結 266 練習題 266 第17章 Cordova中的Device Motion API 268 17.1 使用加速傳感器 268 17.1.1 加速度的概念 268 17.1.2 獲取當前加速度的實例 269 17.2 監控設備的加速度 271 17.2.1 如何監控當前設備的加速度 271 17.2.2 監測當前設備加速度的實例 272 17.2.3 深入理解“加速度” 274 17.2.4 哪些場景可以應用加速傳感器 275 17.3 本章總結 278 練習題 278 Cordova誕生的目的，是為了快速構建跨平臺的移動APP，在市場開發需求增加和要求開發效率提高的情況下，我們不得不選擇基于HTML5的開發技術，而Cordova是基于HTML5的，支持所有市面上的移動端設備，本書的主要特點就是為了讀者能夠深入淺出的學習使用HTML5和Cordova的技術開發移動端APP。本書分為三部分，第一部分是介紹HTML5的移動端布局和不同平臺下Node.js和Cordova的環境搭建，第二部分介紹Cordova的常用核心API，包含了事件處理，地理位置，Web存儲，多媒體等等。第三部分介紹了HTML5高級API中的幾個常用API，Web Workers，Web Socket，和Canvas等比較常用的API。本書比較適合有一定的JavaScript+HTML5開發基礎的讀者，希望讀者能夠從每個例子中舉一反三，獲取更多知識。
隨著HTML5標準化逐漸成熟，以及互聯網的飛速發展和移動端的應用不斷創新，再加上微信公眾號、小程序的應用飆升，原生APP向Web APP和混合APP的轉變，用戶對視覺效果和操作體驗的要求越來越高，HTML5成為移動互聯網的主要技術，也是目前的主流技術之一。HTML5是超文本標記語言（HTML）的第5次修訂，是近年來Web標準的巨大飛躍。Web是一個內涵極為豐富的平臺，和以前版本不同的是，HTML5并非僅僅用來表示Web內容，在這個平臺上還能非常方便地加入視頻、音頻、圖像、動畫，以及與計算機的交互。HTML5的意義在于它帶來了一個無縫的網絡，無論是PC、平板電腦，還是智能手機，都能非常方便地瀏覽基于HTML5的各類網站。對用戶來說，手機上的APP會越來越少，用HTML5實現的一些應用不需要下載安裝，就能立即在手機界面中生成一個APP圖標，使用手機中的瀏覽器來運行，新增的導航標簽也能更好地幫助小屏幕設備和有視力障礙人士使用。HTML5擁有服務器推送技術，給用戶帶來了更便捷的實時聊天功能和更快速的網游體驗。
HTML5對于開發者來說更是福音。HTML5本身是由W3C推薦的，也就意味著每一個瀏覽器或每一個平臺都可以實現，這樣可以節省開發者花在瀏覽器頁面展現兼容性上的時間。另外，HTML5是Web前端技術的一個代名詞，其核心技術點還是JavaScript。如HTML5的服務器推送技術再結合JavaScript編程，能夠幫助我們實現服務器將數據“推送”到客戶端的功能，客戶端與服務器之間的數據傳輸將更加高效。基于SVG、Canvas、WebGL及CSS3的3D功能，會讓用戶驚嘆在瀏覽器中所呈現的各種炫酷的視覺效果。以往在iPhone iPad上不支持的Flash將來都有可能通過HTML5華麗地呈現在用戶的iOS設備上。 本套圖書介紹 為了讓前端技術初學者少走彎路，快速而輕松地學習HTML5和JavaScript編程，我們結合新技術和兄弟連多年的教學經驗積累，再通過對企業實際應用的調研，編寫了一整套HTML5系列圖書，共5本，包括《細說網頁制作》、《細說JavaScript語言》、《細說DOM編程》、《細說AJAX與jQuery》和《細說HTML5高級API》。每一本書都是不同層次的完整內容，不僅給初學者安排了循序漸進的學習過程，也便于不同層次的讀者選擇；既適合沒有編程基礎的前端技術初學者作為入門教程，也適合正在從事前端開發的人員作為技術提升參考資料。本套圖書編寫的初衷是為了緊跟新技術和兄弟連IT教育HTML5學科的教學發展，作為本校培訓教程使用，也可作為大、中專院校和其他培訓學校的教材。同時，對于前端開發愛好者，本書也有較高的參考價值。 《細說網頁制作》 作為“跟兄弟連學HTML5系列教程”的第一本書，主要帶領HTML5初學者一步步完成精美的頁面制作。本書內容包括HTML應用、CSS應用、HTML5的新技術、各種主流的頁面布局方法和一整套頁面開發實戰技能，讓讀者可以使用多種方法完成PC端的頁面制作、移動端的頁面制作，以及響應式布局頁面的制作，不僅能做出頁面，還能掌握如何做好頁面。 《細說JavaScript語言》 這是“跟兄弟連學HTML5系列教程”的第二本書，在學習本書之前需要簡單了解一下第一本書中的HTML和CSS內容。本書內容是純JavaScript語言部分，和瀏覽器無關，包括JavaScript基本語法、數據類型、流程控制、函數、對象、數組和內置對象，所有知識點都是為了學習DOM編程、Node.js、JS框架等JavaScript高級部分做準備。本書雖然是JavaScript的基礎部分，但全書內容都需要牢牢掌握，才能更好地晉級學習。 《細說DOM編程》 這是“跟兄弟連學HTML5系列教程”的第三本書，全書內容都和瀏覽器相關，在學習本書之前需要掌握前兩本書的技術。本書內容包括BOM和DOM兩個關鍵技術點，并且全部以PC端和移動端的Web特效為主線，以實例貫穿全部知識點進行講解。學完本書的內容，不僅可以用JavaScript原生的語法完成頁面的特效編寫，也為學習后面的JavaScript框架課程做好了準備。本書內容是Web前端課程的核心，需要讀者按書中的實例多加練習，能熟練地進行瀏覽器中各種特效程序的開發。 《細說AJAX與jQuery》 這是“跟兄弟連學HTML5系列教程”的第四本書，其內容是建立在第三本書之上的，包括服務器端開發語言Node.js、異步傳輸AJAX和jQuery框架三部分。其中，Node.js部分是為了配合AJAX完成客戶端向服務器端的異步請求；jQuery是目前主流的前端開發框架，其目的是讓開發者用盡量少的代碼完成盡可能多的功能。AJAX和jQuery是目前前端開發的必備技術，本書從基本應用開始學起，用實例分解方式講解技術點，讓讀者完全掌握這些必備的技能。 《細說HTML5高級API》 這是“跟兄弟連學HTML5系列教程”的第五本書，是前端開發的應用部分，主要講解HTML5高級API的相關內容，包括畫布、Web存儲、應用緩存、服務器發送事件等，可以用來開發移動端的Web APP項目。本書重點講解了Cordova技術，它提供了一組與設備相關的API，通過這組API，移動應用就能夠通過JavaScript訪問原生的設備功能，如攝像頭、麥克風等。Cordova還提供了一組統一的JavaScript類庫，以及與這些類庫所用的設備相關的原生后臺代碼。通過編寫HTML5程序，再用Cordova打包出混合APP的項目，可以安裝在Android和iOS等設備上。 本套圖書的特點 1．內容豐富，由淺入深 本套圖書在內容組織上本著“起點低，重點高”的原則，內容幾乎涵蓋前端開發的所有核心技能，對于某一方面的介紹再從多角度進行延伸。為了讓讀者更加方便地學習本套圖書的內容，在每本書的每個章節中都提供了一些實際的項目案例，便于讀者在實踐中學習。 2．結構清晰，講解到位 每個章節都環環相扣，為了讓初學者更快地上手，本套圖書精心設計了學習方式。對于概念的講解，都是先用準確的語言總結概括，再用直觀的圖示演示過程，接著以詳細的注釋解釋代碼，最后用形象的比喻幫助記憶。對于框架部分，先提取核心功能快速掌握框架的應用，再用多個對應的實例分別講解每個模塊，最后逐一講解框架的每個功能。對于代碼部分，先演示程序效果，再根據需求總結涉及的知識點逐一講解，然后組合成實例，最后總結分析重點功能的邏輯實現。 3．完整案例，代碼實用 為了便于讀者學習，本套圖書的全部案例都可以在商業項目中直接運用，豐富的案例幾乎涵蓋前端應用的各個方面。所有的案例都可以通過對應的二維碼掃描，直接在手機上查看運行結果，讀者可以通過仔細研究其效果，最大限度地掌握開發技術。另外，掃描每個章節中的資源下載二維碼，可以獲得下載鏈接，點擊鏈接即可獲取所有案例的完整源代碼。 4．視頻精致，立體學習 字不如表，表不如圖，圖不如視頻，每本書都配有詳細講解的教學視頻，由兄弟連名師精心錄制，不僅能覆蓋書中的全部知識點，而且遠遠超出書中的內容。通過參考本套圖書，再結合教學視頻學習，可以加快對知識點的掌握，加快學習進度。讀者可以掃描每個章節中提供的教學視頻二維碼，獲取視頻列表直接在手機上觀看，也可以直接登錄“猿代碼（www.ydma.cn）”平臺在PC端觀看，逐步掌握每個技術點。 5．電子教案，學教通用 每本書都提供了和章節配套的電子教案（PPT）。對于學生來說，電子教案可以作為學習筆記使用，是知識點的濃縮和重點內容的記錄。由于本套圖書可以作為高校相關課程的教材或課外輔導書，所以可以方便教師教學使用。讀者可以通過掃描對應章節的二維碼，下載或在線觀看電子教案。本書為部分章節提供了一些擴展文章，也可以通過掃描二維碼的方式下載或在線觀看。 6．實時測試，寓學于練 每章最后都提供了專門的測試習題，供讀者檢驗所學知識是否牢固掌握。通過掃描測試習題對應的二維碼，可以查看答案和詳細的講解。 7．技術支持，服務到位 為了幫助讀者學到更多的HTML5技術，在兄弟連論壇（bbs.itxdl.cn）中還可以下載常用的技術手冊和所需的軟件。筆者及兄弟連IT教育（新三板上市公司，股票代碼：839467）的全體講師和技術人員也會及時回答讀者的提問，與讀者進行在線技術交流，并為讀者提供各類技術文章，幫助讀者提高開發水平，解決讀者在開發中遇到的疑難問題。 本套圖書的讀者群 有審美，喜歡編程，并且懷揣夢想的有志青年。 打算進入前端編程大門的新手，階梯遞進，由淺入深。 專業培訓機構前端課程授課教材，有體系地掌握全部前端技能。 各大院校的在校學生和相關的授課老師，課件、試題、代碼豐富實用。 前端頁面、Web APP、網頁游戲、微信公眾號等開發的前沿程序員，是專業人員的開發工具。 其他方向的編程愛好者，需要前端技術配合，或轉向前端開發的程序員。 2017年8月 | |
