目标

基于web Storage API，indexedDB，Application API 实现一个可离线使用的纯！纯！纯！纯！（重要的事情说了四遍）web前端项目——my tasks

灵感及代码源自 <<HTML5 IN ACTION>> 第五章移动应用：客户端存储与离线执行 ！important

实现功能

1）展示任务列表
2）添加，删除任务
3）修改任务完成状态
4）模糊查询，搜索个人任务
5）根据用户个人喜好，设置主题色（鸡肋）
6）在无网条件下正常使用
7）搭建简易nodejs服务器

完成展示

T T T T 两天时间的成果，很简略（丑陋）
布置作业：
同学们完成之后记得美化样式（不要脸的说）

任务列表 添加任务 设置

前期知识储备

1）HTML5 webStorage
a.localStorage
b.sessionStorage
2）web客户端存储数据库
a.indexedDB
b.webSQL
3）Application Cache API
4）HTML CSS JS基础
5）搭建nodejs服务器

项目资源

项目源码
在线demo

文章列表

• 实战·基于客户端存储的可离线使用web应用(2)
• 实战·基于客户端存储的可离线使用web应用(3)
• 实战·基于客户端存储的可离线使用web应用(4)