计算机移动设计开发,指尖上行 移动前端开发设计进阶之路 计算机与互联网 移动前端开发...

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

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