深入淺出mobile web

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)未來友好:應對混亂

第十章 其他

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末干发,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子史翘,更是在濱河造成了極大的恐慌枉长,老刑警劉巖冀续,帶你破解...
    沈念sama閱讀 207,248評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異必峰,居然都是意外死亡洪唐,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評論 2 381
  • 文/潘曉璐 我一進店門吼蚁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來凭需,“玉大人,你說我怎么就攤上這事肝匆×r冢” “怎么了?”我有些...
    開封第一講書人閱讀 153,443評論 0 344
  • 文/不壞的土叔 我叫張陵旗国,是天一觀的道長薪伏。 經(jīng)常有香客問我,道長粗仓,這世上最難降的妖魔是什么嫁怀? 我笑而不...
    開封第一講書人閱讀 55,475評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮借浊,結(jié)果婚禮上塘淑,老公的妹妹穿的比我還像新娘。我一直安慰自己蚂斤,他們只是感情好存捺,可當我...
    茶點故事閱讀 64,458評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著曙蒸,像睡著了一般捌治。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上纽窟,一...
    開封第一講書人閱讀 49,185評論 1 284
  • 那天肖油,我揣著相機與錄音,去河邊找鬼臂港。 笑死森枪,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的审孽。 我是一名探鬼主播县袱,決...
    沈念sama閱讀 38,451評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼佑力!你這毒婦竟也來了式散?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,112評論 0 261
  • 序言:老撾萬榮一對情侶失蹤打颤,失蹤者是張志新(化名)和其女友劉穎暴拄,沒想到半個月后漓滔,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,609評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡揍移,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,083評論 2 325
  • 正文 我和宋清朗相戀三年次和,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片那伐。...
    茶點故事閱讀 38,163評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡踏施,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出罕邀,到底是詐尸還是另有隱情畅形,我是刑警寧澤,帶...
    沈念sama閱讀 33,803評論 4 323
  • 正文 年R本政府宣布诉探,位于F島的核電站日熬,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏肾胯。R本人自食惡果不足惜竖席,卻給世界環(huán)境...
    茶點故事閱讀 39,357評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望敬肚。 院中可真熱鬧毕荐,春花似錦、人聲如沸艳馒。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,357評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽弄慰。三九已至第美,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間陆爽,已是汗流浹背什往。 一陣腳步聲響...
    開封第一講書人閱讀 31,590評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留墓陈,地道東北人恶守。 一個月前我還...
    沈念sama閱讀 45,636評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像贡必,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子庸毫,可洞房花燭夜當晚...
    茶點故事閱讀 42,925評論 2 344

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案仔拟? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,728評論 1 92
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn)飒赃,斷路器利花,智...
    卡卡羅2017閱讀 134,601評論 18 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,528評論 25 707
  • 有一位遠方親戚,我叫她“姐姐”挠乳,但她年齡跟我爸差不多权薯。 從小到大,自己只在10幾歲時見過她一次睡扬,但她的印象在我心里...
    顏鹵煮閱讀 2,632評論 2 46
  • kidII閱讀 97評論 0 0