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

基础的移动页面布局和常见前端框架，进阶的移动页面动画技术、Web API及性能优化，各类实战案例剖析等技术层面的各类知识和心得全分享；
包含H5在内的各种类型移动页面的开发要点，创意的技术手段完美呈现；
常用的数据分析方法辅助验证项目效果。 

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

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

目录

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