Storage:

不具备共享 关闭窗口就消失:Sessionstorage
sessionStorage.setItem("name","bobo"); //设置
const dt = sessionStorage.getItem("name");//获取
sessionStorage.clear("name"); //清除

//具同域名共享 永久存储localStorage
localStorage.setItem("json",JSON.stringify(data));

const a = JSON.parse(localStorage.getItem("json"));//可以以JSON的格式

console.log(a)
//Object {name: "hhh", age: "20"}

DataBase:

本地数据库开发：
//创建数据库
const db = openDatabase('users','1.0','some infomaiton',1024*1024);
 db?alert('ok'):alert('failed');// 检查

//创建数据库
const db = openDatabase('users','1.0','some infomaiton',1024*1024);
 db?alert('ok'):alert('failed');

//创建表
db.transaction(function(tx) {
    tx.executeSql(
          "CREATE TABLE IF NOT EXISTS users (id REAL UNIQUE, name TEXT)",
          [],
          function() {
               console.log('ceate successfuly');
          },
          function(error,result) {
               console.log('failed');
          }
        );

});

//插入数据
db.transaction(function(tx) {
     tx.executeSql(
         "INSERT INTO users (id, name) values(?,?)",
         [Math.random().toFixed(2),'space'],
         function() {
             console.log('ok');
         },
         function(error,result) {
             console.log('not ok',error);
         }  
         );
});

//查询
db.transaction(function(tx) {
    tx.executeSql(
          "SELECT * FROM users",
          [],
          function(result,tx) {
               var rows = tx.rows;
               for(var i = 0;i<rows.length;i++) {
                   console.log(rows.item(i).id,rows.item(i).name);
               }
          },
          function(error) {
               console.log(error);
          }
        );
});

//删除
db.transaction(function(tx) {
    tx.executeSql(
         "DROP TABLE users"
        )
})

console.log(db);

db.transaction(function(tx) {
    tx.executeSql(
          "SELECT * FROM users",
          [],
          function() {

          },
          function(result,err) {
               console.log(err.message);
          }
        )
})

Manifest:

离线存储：
需要接入本地网络才能进行访问：
1.<html lang="en" manifest="index.manifest">
2.index.manifest文件：

CACHE MANIFEST //头部生明
# version 2017-11-28 21:30:01  //信息

CACHE:  //默认介入网络自动下载一下文件
1.png

NETWORK:
*       //所有文件都需要联网

FALLBACK:    //无网络时，自动介入当前文件： 
*.html /404.html