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

本书基于TGideas团队多年的研究、应用及沉淀，旨在向各位读者介绍在移动前端开发的各类技术知识，帮助读者在移动前端领域更上一层楼。本书从基础的移动页面布局和常见前端框架，到进阶的移动页面动画技术、Web API及*能优化，再到各类实战案例剖析等，详细讲解了技术层面的各类知识和心得。另外，书中还介绍了常用的数据分析方法，以验证项目效果。
本书适合网页重构和Web前端开发岗位的从业人员使用，也适合有一定的移动页面开发基础的读者阅读。更多延伸内容，我们会给出官方文档地址方便读者进一步了解。
由于操作系统、浏览器内核的持续迭代及各类规则的调整，在本书出版时，可能部分API的兼容*已经有了很大的改观。请各位读者在具体使用时，做好预研和测试工作。
因为篇幅原因，本书部分的CSS代码及代码采用了左右的排版方式，请各位读者阅读时注意。

腾讯互动娱乐TGideasTGideas，隶属于腾讯互动娱乐事业群，专注于体验设计、营销创新及内容创意。团队由专业的内容企划、项目管理、创意策划、视觉设计、技术开发及多媒体人才构成。“努力工作，拼命玩”是我们的信条，比起用“飞机稿”获奖，我们更乐于通过多样化的作品，帮助产品与用户建立有效的沟通机制与情感链接，实现真正意义上的商业价值。