杜老师:ch17 HTML5高级应用


1. HTML5 Web Storage: localStorage | sessionStorage | IndexedDB

【例17-1-1】localStorage对象的应用。

【例17-1-2】localStorage对象实现的简易通讯录。

【例17-1-3】创建数据库、仓库(相当于表)、输入对象(相当于记录)。

【例17-1-3-1】IndexedDB管理客户端数据-简易图书管理系统。

【例17-1-4】为books对象仓库按标题(title)和作者(author)建立索引。

【例17-1-5】为books、press对象仓库创建一个读写事务。

【例17-1-6】将已定义的三个对象添加到books对象仓库中。

【例17-1-7】不使用索引,直接使用游标遍历数据。

【例17-1-8】使用IDBKeyRange对象生成range对象的各种情形。

【例17-1-9】按姓名的开始字母范围(B~D)来检索数据。

【例17-1-10】使用IndexedDB实现学生基本信息采集系统。

2. HTML5 Canvas画布

【例17-2-1】用canvas标记绘制矩形。

【例17-2-2】用Canvas标记绘制圆形。

【例17-2-3】用Canvas绘制直线 .moveTo(x0,y0); .lineTo(x1,y1);。

【例17-2-4】综合运用Canvas绘制文本、图像、渐变。

3. HTML5 拖放

【例17-3-1】HTML5拖放图像应用。

4. HTML5 Web Worker

【例17-4-1】HTML5 WebWorker多线程实现每隔1s随机产生1组10个100以内的两

5. 综合实例

【例17-5-1】综合实例---利用IndexedDB实现简易图书管理系统。

习题实验

【实验17-1】运用HTML5 Web本地存储设计简易手机通讯录。


返回 杜老师 制作