01 移动页面开发
1.1 页面布局
1.1.1 Viewport
1.1.2 布局形式
1.1.3 Media Queries
1.1.4 屏幕适应
1.1.5 内容排布技巧
1.2 页面调试
1.2.1 Chrome开发者工具
1.2.2 Mac电脑调试
1.2.3 自研工具
1.3 常用库和框架
1.3.1 jQuery Mobile
1.3.2 Zepto
1.3.3 Cocos2d
1.3.4 CreateJS
02 技术创意形式
2.1 动画形式
2.1.1 CSS3
2.1.2 帧动画
2.1.3 Canvas
2.1.4 SVG
2.1.5 Three.js
2.2 移动设备Web API详解
2.2.1 视频(Video)
2.2.2 音频(Audio)
2.2.3 媒体流(getUserMedia)
2.2.4 Web Speech
2.2.5 Web Audio API
2.2.6 地理定位(Geolocation API)
2.2.7 陀螺仪
2.2.8 设备震动(Vibration API)
2.2.9 电池状态(Battery API)
2.2.10 环境光(Ambient Light)
2.2.11 网络信息
2.2.12 平台JSSDK
2.3 WebVR
2.3.1 实现步骤
2.3.2 常用WebVR解决方案
2.4 创意点
2.4.1 基于微信录音接口
2.4.2 基于微信语音识别
2.4.3 基于摄像头和相册
2.4.4 基于人脸识别
2.4.5 基于陀螺仪
2.4.6 基于手势
2.4.7 基于Websocket
03 页面性能优化
3.1 优化原理
3.1.1 为什么优化
3.1.2 优化思路
3.2 资源优化
3.2.1 图像
3.2.2 音频
3.2.3 视频
3.2.4 代码
3.3 加载优化
3.3.1 加载原理
3.3.2 浏览器分析
3.3.3 加载优化实战
3.4 脚本优化
3.4.1 执行效率
3.4.2 Web Worker
04 页面效果验证
4.1 为何验证
4.2 数据埋点
4.2.1 什么是数据埋点
4.2.2 什么数据需要埋点
4.2.3 数据分析平台
4.3 分析数据
4.3.1 数据收集
4.3.2 数据整理
4.3.3 数据分析
4.4 数据参考
4.4.1 资源投放数据参考
4.4.2 H5 用户行为数据参考
4.4.3 转化率数据参考
05 大型项目实战
5.1 UP 2014邀请函
5.1.1 设计风格定稿
5.1.2 前端体验定位
5.1.3 单屏滑动
5.1.4 CSS3动画的应用
5.1.5 SVG的应用
5.2 TGA城市拉力赛
5.2.1 地理位置的使用
5.2.2 音频的作用
5.3 全民突击明星队长
5.3.1 需求创意形式和技术点分析
5.3.2 执行中的问题和解决方法
5.3.3 微信视频自动播放问题
5.4 全民超神明星皮肤
5.4.1 需求创意形式和技术点分析
5.4.2 执行中的技术点和实践
5.4.3 执行中常见的兼容性问题和解决方法
5.5 龙之谷手游WebVR项目
5.5.1 程序与用户共同控制摄像头
5.5.2 多重蒙版贴图
5.5.3 自适应长度文字提示
5.5.4 Unity 地形导出
5.5.5 3ds M ax动画导出问题
附录
1. 微信JSSDK
2. 手机QQ JSSDK
展开