美文网首页
数据缓存

数据缓存

作者: 小凡凡520 | 来源:发表于2019-08-07 09:42 被阅读0次

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']);

相关文章

网友评论

      本文标题:数据缓存

      本文链接:https://www.haomeiwen.com/subject/kfendctx.html