美文网首页
localstorage的认识和基本使用

localstorage的认识和基本使用

作者: 悦者生存 | 来源:发表于2017-05-31 16:15 被阅读121次

    1.localstorage是什么以及主要用途?

    在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。

    2.localstorage的优势和局限

    localStorage的优势

    1、localStorage拓展了cookie的4K限制

    2、localStorage会可以将第一次请求的数据直接存储到本地,这个相当于一个5M大小的针对于前端页面的数据库,相比于cookie可以节约带宽,但是这个却是只有在高版本的浏览器中才支持的

    localStorage的局限

    1、浏览器的大小不统一,并且在IE8以上的IE版本才支持localStorage这个属性

    2、目前所有的浏览器中都会把localStorage的值类型限定为string类型,这个在对我们日常比较常见的JSON对象类型需要一些转换

    3、localStorage在浏览器的隐私模式下面是不可读取的

    4、localStorage本质上是对字符串的读取,如果存储内容多的话会消耗内存空间,会导致页面变卡

    5、localStorage不能被爬虫抓取到

    3.localstorage的主要api以及使用方法

    1.设置数据

    以(key,value)的方式设置数据

    2.获取数据

    就是获取键值

    3.删除数据

    删除键值就可以了

    4.获取全部数据

    localStorage.valueOf()

    5.清除全部数据

    localStorage.clear()

    6.获取第 N 个数据的 key 键值

    localStorage.key(N)

    相关文章

      网友评论

          本文标题:localstorage的认识和基本使用

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