指尖上行 移動前端開發(fā)進(jìn)階之路

01移動頁面開發(fā) /007
1．1 頁面布局 /008
1．1．1 Viewport /008
1．1．2 布局形式 /014
1．1．3 Media Queries /018
1．1．4 屏幕適應(yīng) /022
1．1．5 內(nèi)容排布技巧 /034
1．2 頁面調(diào)試 /03 7
1．2．1 Chrome開發(fā)者工具 /037
1．2．2 Mac電腦調(diào)試 /039
1．2．3 自研工具 /040
1．3 常用庫和框架 /042
1．3．1 jQuery Mobile /042
1．3．2 Zepto /05 5
1．3．3 Cocos2d /069
1．3．4 CreateJS /079
02技術(shù)創(chuàng)意形式 /087
2．1 動畫形式 /088
2．1．1 CSS3 /088
2．1．2 幀動畫 /094
2．1．3 Canvas /100
2．1．4 SVG /105
2．1．5 Three．js /110
2．2 移動設(shè)備Web API詳解 /114
2．2．1 視頻（Video）/114
2．2．2 音頻（Audio）/115
2．2．3 媒體流（getUserMedia）/119
2．2．4 Web Speech /120
2．2．5 Web Audio API /121
2．2．6 地理定位（Geolocation API）/123
2．2．7 陀螺儀 /126
2．2．8 設(shè)備震動（Vibration API）/128
2．2．9 電池狀態(tài)（Battery API）/129
2．2．10 環(huán)境光（Ambient Light）/130
2．2．11 網(wǎng)絡(luò)信息 /132
2．2．12 平臺JSSDK /133
2．3 WebVR /13 4
2．3．1 實(shí)現(xiàn)步驟 /134
2．3．2 常用WebVR解決方案 /135
2．4 創(chuàng)意點(diǎn) /142
2．4．1 基于微信錄音接口 /142
2．4．2 基于微信語音識別 /144
2．4．3 基于攝像頭和相冊 /145
2．4．4 基于人臉識別 /147
2．4．5 基于陀螺儀 /148
2．4．6 基于手勢 /15 0
2．4．7 基于Websocket /15 1
03頁面性能優(yōu)化 /153
3．1 優(yōu)化原理 /154
3．1．1 為什么優(yōu)化 /15 4
3．1．2 優(yōu)化思路 /15 4
3．2 資源優(yōu)化 /155
3．2．1 圖像 /15 5
3．2．2 音頻 /162
3．2．3 視頻 /166
3．2．4 代碼 /168
3．3 加載優(yōu)化 /17 0
3．3．1 加載原理 /170
3．3．2 瀏覽器分析 /175
3．3．3 加載優(yōu)化實(shí)戰(zhàn) /179
3．4 腳本優(yōu)化 /181
3．4．1 執(zhí)行效率 /181
3．4．2 Web Worker /188
04頁面效果驗(yàn)證 /191
4．1 為何驗(yàn)證 /192
4．2 數(shù)據(jù)埋點(diǎn) /193
4．2．1 什么是數(shù)據(jù)埋點(diǎn) /193
4．2．2 什么數(shù)據(jù)需要埋點(diǎn) /193
4．2．3 數(shù)據(jù)分析平臺 /197
4．3 分析數(shù)據(jù) /200
4．3．1 數(shù)據(jù)收集 /200
4．3．2 數(shù)據(jù)整理 /200
4．3．3 數(shù)據(jù)分析 /202
4．4 數(shù)據(jù)參考 /210
4．4．1 資源投放數(shù)據(jù)參考 /210
4．4．2 H5 用戶行為數(shù)據(jù)參考 /211
4．4．3 轉(zhuǎn)化率數(shù)據(jù)參考 /220
05大型項(xiàng)目實(shí)戰(zhàn) /221
5．1 UP+2014邀請函 /222
5．1．1 設(shè)計風(fēng)格定稿 /222
5．1．2 前端體驗(yàn)定位 /223
5．1．3 單屏滑動 /224
5．1．4 CSS3動畫的應(yīng)用 /226
5．1．5 SVG的應(yīng)用 /230
5．2 TGA城市拉力賽 /232
5．2．1 地理位置的使用 /232
5．2．2 音頻的作用 /233
5．3 全民突擊明星隊長 /23 5
5．3．1 需求創(chuàng)意形式和技術(shù)點(diǎn)分析 /235
5．3．2 執(zhí)行中的問題和解決方法 /236
5．3．3 微信視頻自動播放問題 /240
5．4 全民超神明星皮膚 /242
5．4．1 需求創(chuàng)意形式和技術(shù)點(diǎn)分析 /242
5．4．2 執(zhí)行中的技術(shù)點(diǎn)和實(shí)踐 /242
5．4．3 執(zhí)行中常見的兼容性問題和解決方法 /246
5．5 龍之谷手游WebVR項(xiàng)目 /248
5．5．1 程序與用戶共同控制攝像頭 /248
5．5．2 多重蒙版貼圖 /249
5．5．3 自適應(yīng)長度文字提示 /253
5．5．4 Unity 地形導(dǎo)出 /25 5
5．5．5 3ds M ax動畫導(dǎo)出問題 /255
附錄 /257
1． 微信JSSDK /257
2． 手機(jī)QQ JSSDK /258