指尖上行：移動前端開發進階之路

01移動頁面開發／007
1.1頁面布局／008
1.1.1Viewport／008
1.1.2布局形式／014
1.1.3MediaQueries／018
1.1.4屏幕適應／022
1.1.5內容排布技巧／034
1.2頁面調試／037
1.2.1Chrome開發者工具／037
1.2.2Mac電腦調試／039
1.2.3自研工具／040
1.3常用庫和框架／042
1.3.1jQueryMobile／042
1.3.2Zepto／055
1.3.3Cocos2d／069
1.3.4CreateJS／079
02技術創意形式／087
2.1動畫形式／088
2.1.1CSS3／088
2.1.2幀動畫／094
2.1.3Canvas／100
2.1.4SVG／105
2.1.5Three.js／110
2.2移動設備WebAPI詳解／114
2.2.1視頻（Video）／114
2.2.2音頻（Audio）／115
2.2.3媒體流（getUserMedia）／119
2.2.4WebSpeech／120
2.2.5WebAudioAPI／121
2.2.6地理定位（GeolocationAPI）／123
2.2.7陀螺儀／126
2.2.8設備震動（VibrationAPI）／128
2.2.9電池狀態（BatteryAPI）／129
2.2.10環境光（AmbientLight）／130
2.2.11網絡信息／132
2.2.12平台JSSDK／133
2.3WebVR／134
2.3.1實現步驟／134
2.3.2常用WebVR解決方案／135
2.4創意點／142
2.4.1基於微信錄音接口／142
2.4.2基於微信語音識別／144
2.4.3基於攝像頭和相冊／145
2.4.4基於人臉識別／147
2.4.5基於陀螺儀／148
2.4.6基於手勢／150
2.4.7基於Websocket／151
03頁面性能優化／153
3.1優化原理／154
3.1.1為什麼優化／154
3.1.2優化思路／154
3.2資源優化／155
3.2.1圖像／155
3.2.2音頻／162
3.2.3視頻／166
3.2.4代碼／168
3.3加載優化／170
3.3.1加載原理／170
3.3.2瀏覽器分析／175
3.3.3加載優化實戰／179
3.4腳本優化／181
3.4.1執行效率／181
3.4.2WebWorker／188
04頁面效果驗證／191
4.1為何驗證／192
4.2數據埋點／193
4.2.1什麼是數據埋點／193
4.2.2什麼數據需要埋點／193
4.2.3數據分析平台／197
4.3分析數據／200
4.3.1數據收集／200
4.3.2數據整理／200
4.3.3數據分析／202
4.4數據參考／210
4.4.1資源投放數據參考／210
4.4.2H5用戶行為數據參考／211
4.4.3轉化率數據參考／220
05大型項目實戰／221
5.1UP+2014邀請函／222
5.1.1設計風格定稿／222
5.1.2前端體驗定位／223
5.1.3單屏滑動／224
5.1.4CSS3動畫的應用／226
5.1.5SVG的應用／230
5.2TGA城市拉力賽／232
5.2.1地理位置的使用／232
5.2.2音頻的作用／233
5.3全民突擊明星隊長／235
5.3.1需求創意形式和技術點分析／235
5.3.2執行中的問題和解決方法／236
5.3.3微信視頻自動播放問題／240
5.4全民超神明星皮膚／242
5.4.1需求創意形式和技術點分析／242
5.4.2執行中的技術點和實踐／242
5.4.3執行中常見的兼容性問題和解決方法／246
5.5龍之谷手游WebVR項目／248
5.5.1程序與用戶共同控制攝像頭／248
5.5.2多重蒙版貼圖／249
5.5.3自適應長度文字提示／253
5.5.4Unity地形導出／255
5.5.53dsMax動畫導出問題／255
附錄／257
1.微信JSSDK／257
2.手機QQJSSDK／258