五、大型项目实战

《指尖上行——移动前端开发进阶之路》学习笔记

第五章：整理我们团队产出的一些优秀项目案例，教大家如何将这些知识运用到实战中及如何解决遇到的问题。

5.1 UP+2014邀请函

先给传送门，查看该网页：http://up.qq.com/2014/invitation/main.html （该网页在手机上查看是没有问题的，在PC端的话会自动跳转，需要手动修改链接地址才行）

有用到以下技术点：

• 单屏滑动
• 分辨率适配
• CSS3动画的应用
• SVG的应用
  具体内容和代码参考 P222-P231

5.2 TGA城市拉力赛

先给传送门，查看该网页：城市拉力赛

有用到以下技术点：

• 地理位置的使用
• 音频的使用
  具体内容参考 P232-P234

5.3 全面突击明星队长

先给传送门，查看该网页：http://wefire.qq.com/act/a20150826kris/pc/（该网页在手机上查看和在PC端查看是有却别的）

有用到以下技术点：

• 如何将新闻页的明星视频伪装成图片
• 如何不经过用户操作连续播放两个视频
• 微信视频播放支持判断
• iPhone-inLine-Video组件
  具体内容参考 P235-P241

5.4 全民超神明星皮肤

先给传送门，查看该网页：全民超神明星皮肤

有用到以下技术点：

• 多部手机之间的视频同步
• 视频缓冲
• 循环播放
• 无法初始化视频尺寸
• 各种诡异的初始化问题
• 视频控件变灰
  具体内容参考 P242-P247

5.5 龙之谷手游WebVR项目

先给传送门，查看该网页：龙之谷手游

有用到以下技术点：

• 程序与用户共同控制摄像头
• 多重蒙版贴图 (给出了完整代码)
• 自适应长度文字提示(给出了完整代码)
• Unity地形导出
• 3ds Max动画导出问题
• 视频控件变灰
  具体内容参考 P248-P256

完。