HTML5 App应用开发教程

目录


第1章HTML5 App应用开发概述

1.1HTML5介绍

1.1.1终将失败的Flash

1.1.2Web移动应用的未来

1.2HTML5新特性

1.3拥抱HTML5

1.4HTML5 App的发展

1.5HTML5 App与原生App的比较

1.6HTML5 App开发环境搭建

1.6.1开发工具的安装

1.6.2最接近原生App体验的MUI框架

1.6.3HTML5+应用介绍

1.6.4流应用介绍

1.7开发第一个HTML5 App

1.7.1练习： HelloWorld程序

1.7.2打包过程

小结

习题

第2章HTML5页面基础

2.1HTML简介

2.1.1标签

2.1.2标签的属性

2.1.3注释标签

2.2HTML5文档基本格式

2.3布局div标签

2.4文本控制标签

2.4.1标题h标签

2.4.2段落p标签

2.4.3水平线hr标签

2.4.4换行br标签

2.4.5特殊字符标记

2.4.6修饰span标签

2.5图像img标签

2.6超链接a标签

2.7列表标签

2.7.1无序列表ul标签

2.7.2有序列表ol标签

2.8语义化标签

2.9页面交互性标签

2.9.1细节展示details和summary标签

2.9.2进度条progess标签

2.10表格标签

2.11表单的应用

2.11.1表单form标签

2.11.2各种input输入标签

2.11.3input标签的其他属性

2.11.4其他表单标签

2.11.5实例： 注册表单

2.12移动开发中meta标签的应用

小结

习题

第3章CSS样式设计

3.1CSS简介

3.2CSS核心基础

3.2.1CSS样式规则

3.2.2CSS中的单位和颜色

3.2.3在HTML文档中应用CSS

3.3CSS选择器

3.3.1基础选择器

3.3.2其他选择器

3.4尺寸属性

3.5文本样式属性

3.6CSS高级特性

3.6.1继承性

3.6.2CSS层叠性和优先级

3.6.3Chrome调试CSS

3.7背景属性

3.7.1设置背景颜色

3.7.2设置背景图片

3.8边框属性

3.9CSS盒子模型

3.9.1内填充属性

3.9.2外边距属性

3.9.3boxsizing属性

3.10浮动和定位

3.10.1浮动

3.10.2定位

3.10.3块元素与行内元素

3.11CSS动画效果

3.11.1过渡

3.11.22D及3D变换

3.11.3动画控制

3.12其他一些常用的CSS属性

3.13移动设备的适配

3.14实例

3.14.1注册表单样式美化

3.14.2旅游App页面

小结

习题

第4章JavaScript编程基础

4.1JavaScript介绍

4.2使用JavaScript

4.2.1在页面中插入代码

4.2.2使用js文件

4.3JavaScript的基础语法

4.3.1数据类型

4.3.2变量定义

4.3.3数据类型的转换

4.3.4代码注释

4.3.5运算符

4.3.6常用语句

4.4函数

4.4.1函数定义及调用

4.4.2变量的作用域

4.4.3函数重载

4.4.4函数的返回值

4.4.5匿名函数

4.5JavaScript在Chrome中的调试

4.5.1在控制台输出

4.5.2断点调试

4.6JavaScript对象基础

4.6.1Object对象

4.6.2内置对象

4.6.3自定义类或对象

4.7JavaScript处理JSON

4.7.1JSON格式结构简介

4.7.2JSON序列化与反序列化

小结

习题

第5章JavaScript交互编程

5.1DOM介绍

5.2使用DOM

5.2.1document对象

5.2.2查找节点

5.2.3处理属性

5.2.4读取和设置内容

5.2.5创建和操作节点

5.3DOM的样式编程

5.3.1className属性

5.3.2classList对象

5.3.3style对象

5.4事件

5.4.1常用的一些事件

5.4.2内联属性监听事件

5.4.3DOM属性监听事件

5.4.4标准的事件监听函数

5.4.5事件触发过程

5.4.6事件的Event对象

小结

习题

第6章jQuery编程基础

6.1jQuery介绍

6.2使用jQuery

6.3使用$()函数

6.4jQuery的自定义选择器

6.4.1基本过滤器

6.4.2内容过滤器

6.4.3可见性过滤器

6.4.4表单选择器

6.5jQuery对象与DOM对象的转换

6.6jQuery对事件的处理

6.6.1页面加载后执行

6.6.2jQuery事件监听

6.7jQuery遍历方法

6.7.1遍历HTML元素对象

6.7.2遍历数组对象

6.7.3遍历JSON对象属性

6.8jQueryDOM交互

6.8.1操作HTML属性

6.8.2操作表单元素的值

6.8.3修改节点内容

6.8.4创建和添加HTML元素节点

6.8.5删除HTML元素节点

6.8.6复制HTML元素节点

6.8.7修改样式

6.9jQuery的扩展

6.10jQuery插件应用介绍

6.11实例： 记忆翻牌游戏

小结

习题

第7章AJAX通信技术

7.1AJAX技术介绍

7.2HTTP协议分析

7.2.1HTTP协议介绍

7.2.2Fiddler抓包神器

7.2.3HTTP请求与响应

7.2.4Fiddler手机数据抓包

7.2.5Fiddler模拟HTTP请求

7.2.6图片验证码

7.3XMLHttpRequest对象

7.3.1使用方法

7.3.2读取数据

7.3.3提交数据

7.3.4FormData对象

7.3.5解析XML数据

7.4CORS跨域问题

7.5RESTful API介绍

7.6jQuery中的AJAX方法

7.7实例： 送货地址管理

小结

习题

第8章WebSocket基础

8.1WebSocket的发展历程

8.2HTML5 WebSocket简介

8.3WebSocket实现

8.4实例： 聊天室

8.4.1WebSocket服务器端

8.4.2客户端实现

小结

习题

第9章播放多媒体

9.1HTML5标准中的音视频

9.1.1audio标签

9.1.2video标签

9.2audio和video标签的主要属性

9.3audio对象和video对象的API

9.4实例： 视频播放器

小结

习题

第10章本地存储

10.1HTML5本地存储技术概述

10.2localStorage和sessionStorage

10.2.1检查浏览器的支持

10.2.2相应的API

10.3Web SQL数据库

10.3.1创建或打开数据库

10.3.2执行SQL语句

10.4IndexedDB数据库

10.4.1数据库初始化

10.4.2对象存储空间

10.4.3索引

10.4.4事务

10.4.5IndexedDB的CRUD操作

10.4.6游标

小结

习题

第11章Canvas绘图

11.1Canvas介绍

11.2绘制图形

11.2.1绘制直线

11.2.2绘制贝塞尔曲线

11.2.3绘制填充

11.2.4使用渐变色

11.2.5绘制矩形

11.2.6绘制圆弧

11.3绘制文字

11.4绘制图片

11.5擦除

11.6坐标变换

11.7像素操作

11.8实例： 九宫格手势解锁

小结