数据缓存

SessionStorage

临时存储，关闭页面自动回收，不可跨页面交互，不可存储持久化数据

sessionStorage.setItem('key1','value1');
sessionStorage.getItem('key1');
console.log(sessionStorage['key1']);

Cookie

兼容性最好，几乎所有浏览器都支持，大小有限制，每次发送请求，请求头都会携带cookie

userData

 单文件大小限制 128kb，一个域名下可以保存1024kb，文件个数不限制

openDatabase

    <script>
        var database = openDatabase('teacher','1.0','教师表',1024 * 1024,function () {

        });
        if (!database){
            alert('创建数据表失败')
        } else {
            alert('创建数据表成功')
        }

        function create() {
            database.transaction(function (context) {
                context.executeSql(
                    'create table if not exists teacher (id REAl UNIQUE,name TEXT)',[],
                    function (context,resultSet) {
                        alert('11');
                    },
                    function (context,error) {
                        alert('22');
                    }
                )
            });
        }
        function insert() {
            database.transaction(function (context) {
                context.executeSql(
                    'insert into teacher (id,name) values(?,?)',["1","cc"],
                    function () {
                        console.log('添加成功');
                    },
                    function (context,error) {
                        console.log('添加失败')
                    }
                )
            })
        }
    </script>

LocalStorage

兼容性中等，以key-value方式存储，存在大小限制，IE 9/10不支持,不同浏览器不能交互读取,按各个域名进行存储

localStorage.setItem('key1','value1')
localStorage.getItem('key');
console.log(localStorage['key1']);