MVC设计模式

控制器Controller  模型Medel   视图View

各个模块的离线存储方案

Local Storage（频繁更新部分选择）：只能保持字符串、数值形式，不能保存文件。

Web SQL 本质就是对 SQLite 的封装，不能单独成为 W3C 标准

# IndexedDB

> Web SQL 已弃用

https://developers.google.com/web/tools/lighthouse/audits/web-sql

https://en.wikipedia.org/wiki/Web_SQL_Database

https://softwareengineering.stackexchange.com/questions/220254/why-is-web-sql-database-deprecated

# SQLite

# IndexedDB

web SQL

indexedDB

一、url的#后面的就是哈希值，如果哈希值改变，就会触发hashchange事件。

$(window).bind('hashchange', route);

一、web sql

1、三个核心方法：（1）openDatabase：使用现有数据库或新建。（2）transaction：事物提交或回滚。（3）executeSql：执行真实的sql查询。

2、resoures/application的web sql的ft是数据库。

一、application cache

1、manifest文件

2、application cache的浏览器事件

3、特点：（1）manifest文件有变化才会更新。（2）一次必须更新manifest中的所有文件。（3）下次才会生效。

二、新闻真正的数据存在localStorage中。

aSuncat：离线app缓存，比较适合移动开发，不怎么适合web前端开发。（2014年2月份左右出的课程。）

一、web app

html、css、js写出的app

二、html5提供的数据持久化技术

1、application cache:本地缓存应用所需的文件。

2、local storage & session storage：键值对（key-value）存储数据

3、web sql：关系数据库，通过sql语句访问。

4、indexDB：索引数据库，也是通过键值对的方式进行存储，比localStorage支持的数据量更大，查询更快。

二、ios离线web app支持最好，可以再主屏幕上添加图标，可以全屏浏览。

html5提供的数据持久化技术

Application Cache 本地缓存应用所需的文件

Local Storage 本地存储

Web SQL