HTML5+jQuery Mobile移动应用开发
本书内容
下载资源
读者对象
1 认识HTML
1.1 HTML基本介绍
1．标签
2．属性
3．结构
1.2 HTML常用标签
1．标题
2．超链接
3．块元素
4．图像标签
1.3 HTML表单
1．form标签
2．input标签
1.4 HTML和CSS的简单交互
2 语义化标签
2.1 什么是语义化标签
1．使页面渲染更有意义
2．便于团队的后期维护
3．使HTML结构更加清晰
4．为搜索提供帮助
2.2 header标签
2.3 footer标签
2.4 nav标签
2.5 article标签
2.6 section标签
2.7 aside标签
3 视频和音频
3.1 音频播放器——audio
3.1.1 audio标签的使用
3.1.2 如何获取音频文件的URL
3.1.3 autoplay属性
3.1.4 loop属性
3.1.5 preload属性
3.1.6 audio标签支持的音频文件
3.2 视频播放器——video
3.2.1 video标签的使用
3.2.2 video标签的属性
1．controls属性
2．height&width属性
3．loop属性
4．autoplay属性
5．preload属性
3.3 Media事件
3.3.1 HTML5中audio和video的方法
1．play()方法
2．pause()方法
3．load()方法
3.3.2 HTML5中audio和video的属性
1．paused属性
2．played属性
3．currentTime属性
4．muted属性
5．volume属性
6．duration属性
7．playbackRate属性
3.3.3 HTML5中audio和video的事件
4 存储
4.1 本地存储
4.2 localStorage对象
4.2.1 通过localStorage设置存储元素
4.2.2 获取数据
4.2.3 删除数据
4.2.4 清除数据
4.3 sessionStorage
4.3.1 存储数据
4.3.2 获取数据
4.3.3 删除数据
4.3.4 清除数据
4.4 storage对象
4.5 storage事件
4.6 应用程序缓存
1．CACHE MANIFEST
2．NETWORK
3．FALLBACK
4．更新离线缓存
4.7 本地数据库
4.7.1 创建/打开数据库
4.7.2 执行操作
5 即时通信
5.1 概述
5.1.1 Web端即时通信技术
5.1.2 实现Web端即时通信的方法
1．短轮询
2．长轮询（comet）
3．长连接（SSE）
4．WebSocket
5.1.3 四种Web即时通信技术比较
5.2 短轮询原理与实现
5.2.1 原理
5.2.2 实现
5.3 长轮询原理与实现
5.3.1 原理
5.3.2 实现
5.4 长连接的原理与实现
5.4.1 原理
5.4.2 实现
5.5 WebSocket原理与前端API
5.5.1 原理
5.5.2 前端API
1．创建WebSocket对象
2．事件操作
6 Canvas绘图
6.1 Canvas基础
6.1.1 基本Canvas创建
6.1.2 开始在Canvas上绘制元素
6.1.3 绘制一条直线
6.1.4 为直线设定样式
6.1.5 绘制多条直线
6.2 使用Canvas绘制图形
6.2.1 绘制矩形
6.2.2 绘制圆形
3．绘制更复杂的曲线
6.3 图形变换
1．平移
2．旋转
3．缩放变换
6.4 图形的组合
6.4.1 绘制两个图形
6.4.2 新图形和原图形之间的关系
6.4.3 加色处理
6.5 图像处理
6.5.1 加载图像
6.5.2 图像剪裁
6.5.3 像素处理
7 CSS选择器
7.1 基本选择器
7.1.1 id选择器
7.1.2 class选择器
7.1.3 元素选择器
7.2 基本选择器综合使用
7.2.1 选择器的嵌套
7.2.2 基本选择器优先级问题
7.2.3 同时设定多个元素样式
7.3 伪类选择器
7.3.1 状态选择器
1．:link
2．:hover
3．:visited
4．:active
5．:focus
6．:enabled和:disabled
7.3.2 :before和:after
7.4 位置选择器
7.4.1 .:first-child
7.4.2 :last-child
7.4.3 :nth-child(n)
7.4.4 :nth-of-type(n)
7.5 属性选择器
7.5.1 [attribute]
7.5.2 [attribute=value]
7.5.3 [attribute~=value]
7.6 其他选择器
8 元素定位
8.1 static
8.2 relative
8.3 absolute
8.4 fixed
8.5 float浮动布局
9 移动元素单位
9.1 px
9.1.1 需求描述一
9.1.2 需求描述二
9.2 em
9.3 rem
9.3.1 需求描述一
9.3.2 需求描述二
10 盒模型
10.1 内容
10.1.1 text-align
10.1.2 line-height
10.1.3 字体
1．font-size
2．font-family
3．color
4．font-weight
5．font-style
6．font-variant
10.1.4 截断
10.2 内边距边界
10.3 边框边界
10.4 外边距边界
11 Flex布局——FlexBox
12 使用CSS3新特性
12.1 transform属性
12.2 translate方法
12.3 rotate方法
12.4 scale()方法
12.5 skew()方法
12.6 transition方法
1．transition-property
2．transition-duration
3．transition-time-function
4．transition-delay
5．transition示例
12.7 帧动画
1．@keyframes
2．animation
13 DOM操作
13.1 DOM是什么
13.2 通过DOM获取文档元素
13.2.1 getElementById()方法
13.2.2 innerHTML方法
13.2.3 getElementsByTagName()方法
13.2.4 getElementsByClassName()方法
13.3 DOM节点
13.3.1 节点之间的关系
1．parentNode属性
2．childNodes属性
3．previousSibling属性和nextSibling属性
13.3.2 节点的属性
1．innerHTML属性
2．nodeType属性
3．nodeValue属性
4．nodeName属性
13.4 DOM事件
13.4.1 鼠标单击事件onclick
13.4.2 表单改变事件onchange()
13.4.3 完成加载事件onload
14 JavaScript对象
14.1 数组
14.1.1 Array对象的属性
14.1.2 Array对象的方法
1．concat方法
2．join()方法
3．pop()方法和push()方法
4．shift()方法和unshift()方法
5．reverse()方法
6．slice()方法
7．splice()方法
8．sort()方法
14.1.3 数组遍历
14.2 字符串对象
14.2.1 String对象的属性
14.2.2 String对象的方法
1．concat()方法
2．indexOf()方法
3．slice()方法
4．split()方法
5．其他方法
14.3 日期
14.3.1 初始化一个日期
14.3.2 获取日期参数
1．getFullYear()方法
2．getMonth()方法
3．getDate()方法
4．返回和时间相关的方法
5．getTime()方法
6．日期的初始化
15 JavaScript基本语法
15.1 开始使用JavaScript
15.2 变量
15.3 基本数据类型
15.4 基本语句
15.4.1 if else语句
15.4.2 循环语句
15.5 函数
15.6 对象
16 Window对象
16.1 setInterval()方法和clearInterval()方法
1．setInterval()方法
2．clearInterval()方法
16.2 setTimeout()方法和clearTimeout()方法
1．setTimeout()方法
2．clearTimeout()方法
16.3 Location对象
1．URL的构成
2．Location相关属性
17 函数
17.1 函数的定义
17.1.1 初识函数
17.1.2 匿名函数
17.1.3 自我调用函数
17.2 函数调用
17.3 函数的作用域
17.4 函数的参数
18 jQuery中的选择器
18.1 选取所有元素
18.2 基本选择器
18.2.1 id选择器
18.2.2 class选择器
18.2.3 元素选择器
18.2.4 组合使用基本选择器
18.3 位置选择器
18.3.1 选择特殊位置
18.3.2 任意位置选择器
18.4 属性选择器
18.5 表单选择器
18.5.1 根据type选择对应的input
18.5.2 状态选择器
18.6 灵活使用各种选择器
19 jQuery中的DOM方法
19.1 获取上层元素
19.1.1 parent()方法
19.1.2 parents()方法
19.1.3 parentsUntil()方法
19.2 获取后代元素
19.2.1 children()方法
19.2.2 find()方法
19.3 选择兄弟节点
19.3.1 siblings()方法
19.3.2 next()方法、nextAll()方法和nextUntil()方法
19.4 jQuery与JavaScript的DOM选择对比
19.5 jQuery中其他DOM节点选择方法
19.5.1 first()和last()
19.5.2 eq()
19.5.3 filter()方法和not()方法
20 jQuery操纵CSS样式
20.1 css()方法——直接控制元素样式
20.1.1 获取某个元素的CSS属性值
20.1.2 设置元素的CSS属性
20.2 其他CSS方法
20.2.1 和元素尺寸相关的方法
20.2.2 和位置相关的方法
1．position()方法
2．offset()方法
21 jQuery中的动画效果
21.1 基本动画效果
21.1.1 显示和隐藏
21.1.2 淡入和淡出
21.1.3 滑动
21.2 复杂动画效果
21.3 jQuery中的动画队列
21.4 停止动画
22 jQuery中的AJAX
22.1 环境搭建
22.2 load()方法
22.3 $.get()方法和$.post()方法
22.3.1 $.get()方法和$.post()方法的原理和使用
22.3.2 实战训练
22.4 ajax()方法
22.5 ajaxStart()和ajaxComplete()方法
23 jQuery Mobile组件
23.1 定义一个移动应用界面——page组件
23.1.1 指定一个页面
23.1.2 为页面划分不同的区域
23.2 添加功能按钮——button组件
23.2.1 按钮组件的定义方式
23.2.2 按钮组件样式设定
1．设定按钮的排列方式
2．其他常用ui-btn样式类
3．为按钮添加小图标
23.2.3 按钮组
23.3 菜单栏
23.4 定义可滑动的面板——panel组件
23.5 弹框组件
23.5.1 定义基本弹框
23.5.2 装饰弹窗
1．添加关闭按钮
2．为弹框添加对话边框
3．添加遮罩层
23.6 在移动应用中添加响应式表格
23.6.1 回流表格
23.6.2 列切换表格
24 jQuery Mobile的触摸事件
24.1 开始使用jQuery Mobile
24.2 jQuery Mobile事件
24.3 触摸事件
24.3.1 tap——手指单击一次
24.3.2 taphold——手指长按事件
24.3.3 swipe——滑动事件
24.3.4 设备转动事件
1．orientationchange事件
2．orientation属性
24.3.5 屏幕滚动事件
24.3.6 页面事件
1．页面初始化相关事件
2．页面加载相关事件
3．页面过渡相关事件
4．页面变化相关事件
25 jQuery Mobile表单
25.1 jQuery Mobile中表单的基本结构
25.2 表单样式
25.2.1 隐藏标签内容
25.2.2 为输入框添加小图标
25.3 表单的种类
25.3.1 搜索框
25.3.2 滑块输入
25.3.3 单选框和复选框
26 jQuery Mobile列表
26.1 简单列表
26.2 复杂样式的列表
26.2.1 气泡数字
26.2.2 列表图标
26.2.3 复杂结构的列表
26.2.4 为列表添加功能
27 jQuery Mobile项目结构
27.1 基本结构
27.2 页面间的过渡
27.2.1 淡入过渡——fade
27.2.2 翻转过渡——flip
27.2.3 抛出效果——flow
27.2.4 滑动效果——slide
27.2.5 弹窗效果——pop
28 项目实战：聊天APP的开发
28.1 移动界面编写
28.1.1 聊天列表页面框架搭建
28.1.2 聊天列表制作
28.1.3 页面头部和底部的编写
28.2 聊天详情页面搭建
思维导图
防止博客图床图片失效，防止图片源站外链：
http://www.processon.com/chart_image/5e5b3314e4b0541c5e14921a.png)
思维导图在线编辑链接：