书刊介绍
《构建移动网站与APP》内容简介
本书由浅入深,全面、系统、详尽地介绍了HTML5相关技术及其在移动开发领域的应用。从基本原理到移动页面优化再到实战应用,几乎涉及HTMML5移动开发领域的绝大部分内容,是一本集理论与实战的综合性参考书。
本书共13章,分为3篇。第1篇为HTML 5移动特性,内容包括HTML5移动开发基础、移动表单、多媒体形式、地理位置定位(Geolocation)、离线缓存、Canvas绘图、CSS3视觉辅助和调用手机设备等,最后还剖析了移动性能优化的一些技巧。第2篇为HTML5移动框架,主要介绍jQueryMobile和SenchaTouch这两个当下最流行的移动框架。第3篇为HTML5移动实战,详细讲解了使用jQueryMobile和SenchaTouch这两个移动框架开发移动应用的过程与方法。
本书适合所有想全面深入学习HTML5移动开发技术的人员阅读,尤其适合正在应用HTML 5做移动项目开发的人员阅读。对于大中专院校相关专业的学生和培训机构的学员,本书也是一本不可多得的参考书。
本书作者常新峰、王金柱。
常新峰,资深网页开发设计师,并有多年教学经验及实际操作经验,先后出版多版作品。作品目录
内容简介
前
言
关于HTML
5新手必须知道的
本书特色
适合阅读本书的读者
下载资源
第1章:HTML
5移动入门
1.1、认识HTML
1.1.1、HTML的构成
1.1.2、CSS的构成
1.1.3、JavaScript的构成
1.2、认识HTML
5、1.2.1、HTML
5的发展与理念
1.2.2、HTML
5和XHTML的对比
1.3、制作一个简单的HTML
5移动APP
1.3.1、开发工具的选择
1.3.2、APP代码的编写
1.3.3、调试运行Hello
APP
1.4、HTML
5的移动特色
1.5、本章小结
第2章:移动特性1——移动表单
2.1、丰富的表单属性
2.2、移动Web表单的input类型
2.2.1、search类型文本
2.2.2、email类型文本
2.2.3、number类型文本
2.2.4、range类型文本
2.2.5、tel类型文本
2.2.6、url类型文本
2.3、HTML
5表单新属性
2.3.1、autocomplete属性
2.3.2、autofocus属性
2.4、范例——创建一个HTML
5版的APP注册页面
2.4.1、代码设计
2.4.2、代码分析
2.5、本章小结
第3章:移动特性2——多媒体形式
3.1、音频视频
3.1.1、音频视频的格式
3.1.2、使用video/audio元素
3.1.3、音频视频的通信
3.2、范例——制作音乐播放器APP
3.3、范例——制作视频播放器APP
3.3.1、普通视频播放器
3.3.2、添加视频进度条
3.3.3、添加视频快进慢进按钮
3.3.4、处理带字幕的视频
3.4、本章小结
第4章:移动特性3——地理位置定位
4.1、认识地理位置
4.1.1、纬度和经度坐标
4.1.2、定位数据
4.1.3、构建地理位置应用
4.2、手机地理位置定位
4.3、谷歌地图的使用
4.3.1、追踪用户的位置
4.3.2、查找路线
4.3.3、用户自定义的地理定位
4.4、高德地图的使用
4.5、本章小结
第5章:移动特性4——离线缓存
5.1、离线缓存应用
5.1.1、离线缓存API简介
5.1.2、使用Manifest方法
5.1.3、使用ApplicationCache
API方法
5.1.4、搭建简单的离线APP
5.2、离线事件处理
5.3、范例——离线贴吧APP
5.4、本章小结
第6章:移动特性5——Canvas绘图
6.1、HTML
5的绘图API
6.1.1、什么是Canvas
6.1.2、加载Canvas
6.1.3、什么是SVG
6.1.4、什么是WebGL
6.1.5、Paper.js图形库
6.2、应用Canvas
6.2.1、绘制图形
6.2.2、绘制文字
6.2.3、颜色渐变
6.3、范例——带特效的相册APP
6.4、本章小结
第7章:移动特性6——CSS
3视觉辅助
7.1、CSS
3的变化
7.2、背景(Backgrounds)
7.3、文字效果(Text
Effects)
7.4、边框(Border)
7.5、用户界面(User
interface)
7.6、转换(Transform)
7.7、过渡(Transition)
7.8、范例——用CSS
3画哆啦A梦
7.8.1、头和脸
7.8.2、脖子和铃铛
7.8.3、身体和四肢
7.8.4、让眼睛动起来
7.9、本章小结
第8章:移动特性7——调用手机设备
8.1、HTML
5调用手机摄像头
8.2、HTML
5调用手机相册
8.3、HTML
5调用手机通讯录
8.4、本章小结
第9章:HTML
5移动性能优化
9.1、HTML
5的性能考量
9.1.1、浏览器性能
9.1.2、网络性能
9.1.3、开发效率
9.2、加载优化
9.2.1、减少HTTP请求
9.2.2、充分利用缓存
9.2.3、压缩
9.2.4、优化JavaScript加载性能
9.2.5、其他加载优化
9.3、CSS优化
9.3.1、了解页面的渲染过程
9.3.2、避免在HTML标签中写Style属性
9.3.3、正确使用display属性
9.3.4、避免使用CSS表达式
9.3.5、请勿滥用float属性
9.3.6、不滥用Web字体
9.3.7、不声明过多的Font-size
9.3.8、优化选择器的使用
9.4、图片优化
9.4.1、使用CSS
3代替图片
9.4.2、使用Data
URI代替图片
9.4.3、使用SVG代替图片
9.4.4、IconFont与SVG优劣对比
9.4.5、使用压缩图片
9.4.6、使用srcset
9.4.7、使用WebP
9.5、渲染优化
9.5.1、渲染流程
9.5.2、使用Viewport加速页面渲染
9.5.3、动画优化
9.5.4、高频事件优化
9.5.5、GPU加速
9.6、脚本优化
9.6.1、脚本执行优化
9.6.2、条件JavaScript
9.6.3、缓存DOM操作
9.6.4、尽量使用事件代理以避免批量绑定事件
9.6.5、尽量使用ID选择器
9.6.6、click事件优化
9.7、本章小结
第10章:jQuery
Mobile移动框架
10.1、初步接触jQuery
Mobile
10.1.1、jQuery
Mobile框架特点
10.1.2、jQuery
Mobile框架安装与配置
10.1.3、创建第一个jQuery
Mobile
APP
10.2、jQuery
Mobile页面与导航
10.2.1、jQuery
Mobile单页面
10.2.2、jQuery
Mobile多页面
10.2.3、jQuery
Mobile对话框页面
10.2.4、jQuery
Mobile导航
10.2.5、jQuery
Mobile加载
10.2.6、jQuery
Mobile动画效果
10.3、jQuery
Mobile
CSS样式
10.3.1、按钮样式
10.3.2、图标样式
10.3.3、网格布局样式
10.4、jQuery
Mobile小部件
10.4.1、工具条
10.4.2、导航条
10.4.3、选项卡
10.4.4、面板
10.4.5、弹出框
10.5、jQuery
Mobile表单
10.5.1、输入框
10.5.2、复选框
10.5.3、单选按钮
10.5.4、下拉列表框
10.5.5、滑块控件
10.6、本章小结
第11章:Sencha
Touch框架
11.1、初步接触Sencha
Touch
11.1.1、Sencha
Touch框架特点
11.1.2、Sencha
Touch框架环境搭建
11.1.3、创建第一个Sencha
Touch
APP
11.1.4、Sencha
Touch
APP代码解析
11.1.5、运行Sencha
Touch
APP
11.2、Sencha
Touch核心概念
11.2.1、类系统
11.2.2、容器组件
11.2.3、组件布局
11.2.4、事件
11.3、Sencha
Touch组件
11.3.1、导航视图
11.3.2、旋灯视图
11.3.3、表单
11.4、本章小结
第12章:jQuery
Mobile框架实战——移动便笺APP
12.1、项目介绍
12.2、项目功能模块
12.2.1、主页
12.2.2、便笺内容浏览页面
12.2.3、登录页面
12.2.4、便笺内容浏览页面(用户权限)
12.2.5、新建便笺内容
12.2.6、编辑便笺内容
12.2.7、删除便笺内容
12.2.8、清空便笺内容
12.3、本章小结
第13章:Sencha
Touch框架实战——通讯录APP
13.1、项目介绍
13.2、项目功能模块
13.2.1、app.js主入口文件
13.2.2、Model模型
13.2.3、Store存储
13.2.4、View主视图
13.2.5、Contacts视图类
13.2.6、Controller控制器
13.3、测试运行项目
13.4、本章小结