Head First Monile Web 中文版2013
第一章 移動Web入門:響應式Web設計
1.所有新手機上都會有web瀏覽器
移動web應用會超越桌面web應用
Web是唯一真正的跨平臺技術
2.移動Web為什么有這么大的差異
現(xiàn)在有很多不同的移動web瀏覽器
對web技術的支持千差萬別
移動設備更小更慢
移動接口要求重新考慮我們的網(wǎng)站
3.響應式web設計RWD
Css3媒體查詢
流式網(wǎng)格布局
流式圖像和媒體、字體
4.@media screen/media=”screen”
5.媒體特性:aspect-ratio/height/width/orientation
6.Css3媒體查詢是一些邏輯表達式,用于計算用戶瀏覽器中媒體特性的當前值标捺。如果媒體查詢表達式計算為TRUE,就會應用所包含的CSS
7.meta viewport
8.流式圖像和媒體:img,object{max-width:100%;}
9.1em=100%=12pt=16px
第二章 真正的響應性:移動優(yōu)先響應式Web設計
1.Blaze提供了Mobitest ,這是一個使用真正的iPhone和andriod手機提供的免費移動性能測試服務蚓炬。它就像一個代理服務器,你告訴它你想測試哪個web頁面的URL躺屁,另外想用什么設備來測試肯夏。它會把你的測試請求放在對應該設備的一個隊列中,你請求的那種手機可用是楼咳,blaze會跟蹤記錄它的測試手機與web服務器間的所有通信熄捍,使你能了解到底發(fā)生了什么,它能錄制頁面加載的一個視頻母怜,從而能看到使用這個手機的人所看到的情景。
2.瀑布圖是一種常見的web性能報告
HAR表示HTTP Archive(HTTP歸檔)缚柏,這是一個文件規(guī)范苹熏,提供了一種標準方法來記錄瀏覽器從服務器請求web頁面時發(fā)生了什么;
3.漸進增強把web設計看作是一系列分層-優(yōu)雅降級
4.基本樣式-小屏幕樣式-大屏幕樣式
5.Sencha.io 使圖像響應式
6.Bookmarklet 可以顯示窗口大小
第三章 單獨的移動網(wǎng)站:直面不太好的環(huán)境
1.要把移動信息流路由到一個移動網(wǎng)站币喧,方法之一是使用服務器端移動設備檢測和重定向
2.User-agent嗅探是檢查進入的請求是否來自移動瀏覽器的一種常用技術
3.XHTML-MP是很多移動瀏覽器使用的一個針對移動設備的標準轨域,后來被XHTML-Basic取代,CSS-MP是一個針對移動設備的CSS標準
4.為移動web項目選擇適當?shù)腄OCTYPE很重要
第四章 決定支持誰:我們要支持哪些設備
1.服務器端設備檢測和客戶端特性檢測
第五章 設備數(shù)據(jù)庫和類:分組行動
1.
第六章 使用框架構(gòu)建Web應用:花格布愛好者
第七章 真實世界的移動Web應用:超級移動Web應用
第八章 用phonegap構(gòu)建混合型移動Web應用:花格布搜尋杀餐,實現(xiàn)原生
第九章 如何實現(xiàn)未來友好:應對混亂
第十章 其他