編輯推薦
越來越多的公司采用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開發是一個發展迅速的技術,很多方麵還在不斷完善和變化。由於能力和水平所限,雖然竭盡
HTML5 App應用開發教程 下載 mobi epub pdf txt 電子書 格式