猜你喜欢
指尖上行 移动前端开发进阶之路

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

书籍作者:腾讯互动娱乐TGideas ISBN:9787115464583
书籍语言:简体中文 连载状态:全集
电子书格式:pdf,txt,epub,mobi,azw3 下载次数:4469
创建日期:2021-02-14 发布日期:2021-02-14
运行环境:PC/Windows/Linux/Mac/IOS/iPhone/iPad/Kindle/Android/安卓/平板
内容简介

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

作者简介

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

编辑推荐
基础的移动页面布局和常见前端框架,进阶的移动页面动画技术、Web API及性能优化,各类实战案例剖析等技术层面的各类知识和心得全分享;
包含H5在内的各种类型移动页面的开发要点,创意的技术手段完美呈现;
常用的数据分析方法辅助验证项目效果。
目录
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
产品特色