实战·基于客户端存储的可离线使用web应用——myTasks(1

2018-02-02  本文已影响0人  hux1ao

目标

基于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

文章列表

上一篇 下一篇

猜你喜欢

热点阅读