指尖上行移动前端开发进阶之路

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

01移动页面开发 /007

1.1 页面布局 /008
1.1.1 Viewport /008
1.1.2 布局形式 /014
1.1.3 Media Queries /018
1.1.4 屏幕适应 /022
1.1.5 内容排布技巧 /034
1.2 页面调试 /03 7
1.2.1 Chrome开发者工具 /037
1.2.2 Mac电脑调试 /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技术创意形式 /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 移动设备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 设备震动（Vibration API）/128
2.2.9 电池状态（Battery API）/129
2.2.10 环境光（Ambient Light）/130
2.2.11 网络信息 /132
2.2.12 平台JSSDK /133
2.3 WebVR /13 4
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 基于手势 /15 0
2.4.7 基于Websocket /15 1

03页面性能优化 /153

3.1 优化原理 /154
3.1.1 为什么优化 /15 4
3.1.2 优化思路 /15 4
3.2 资源优化 /155
3.2.1 图像 /15 5
3.2.2 音频 /162
3.2.3 视频 /166
3.2.4 代码 /168
3.3 加载优化 /17 0
3.3.1 加载原理 /170
3.3.2 浏览器分析 /175
3.3.3 加载优化实战 /179
3.4 脚本优化 /181
3.4.1 执行效率 /181
3.4.2 Web Worker /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.2 H5 用户行为数据参考 /211
4.4.3 转化率数据参考 /220

05大型项目实战 /221

5.1 UP+2014邀请函 /222
5.1.1 设计风格定稿 /222
5.1.2 前端体验定位 /223
5.1.3 单屏滑动 /224
5.1.4 CSS3动画的应用 /226
5.1.5 SVG的应用 /230
5.2 TGA城市拉力赛 /232
5.2.1 地理位置的使用 /232
5.2.2 音频的作用 /233
5.3 全民突击明星队长 /23 5
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.4 Unity 地形导出 /25 5
5.5.5 3ds M ax动画导出问题 /255

附录 /257
1. 微信JSSDK /257
2. 手机QQ JSSDK /258