• HTML本地存储和离线存储


    本地存储和离线存储

    课程介绍

    1.本地存储——Web Storage

    2.本地存储——IndexedDB

    3.本地存储的扩展介绍

    4.离线存储——app cache

    5.总结

    Cookie的局限性

    1.存储大小限制,仅4kb左右

    2.单个域名下的数量限制,50个左右

    3.污染请求头,浪费流量

    localStorage和sessionStorage

    1.相同的使用方法

    2.不同的存储时效

    3.不同的存储容量

    相同的使用方法

    1.使用setItem方法设置存储内容

    2.使用getItem方法获取存储内容

    3.使用removeItem方法删除存储内容

    4.使用clear方法清除所有的内容

    5.使用length属性获取存储内容个数

    6.使用key方法获取存储字段

    不同的存储时效

    localStorage存储会持久化

    sessionStorage存储会在网页会话结束后失效

    不同的存储容量

    localStorage容量一般在2-5Mb左右

    sessionStorage存储容量不一,部分浏览器不限制

    习题

    1.cookie的作用是与服务器进行交互,作为HTTP规范的一部分而存在 ,而Web Storage仅仅是为了在本地“存储”数据而生。

    2.每次你请求一个新的页面的时候Cookie都会被发送过去,这样无形中浪费了带宽

    3.cookie的大小是受限的

    使用Storage时的注意点

    1.注意存储容量超出配额——抛出QuotaExceedError异常。

  • 相关阅读:
    Spring MVC 文件上传简单示例(form、ajax方式 )
    Spring MVC Theme(简单示例)
    查看Spring MVC 父容器和子容器的对象的实例
    Spring mvc i18n国际化的简单demo
    idea中使用JRebel插件
    简单使用logback日志框架
    EC20指令
    keil中的一些技巧
    XModem与YModem
    codeblocks与MINGW的配置
  • 原文地址:https://www.cnblogs.com/cuishien/p/9560022.html
Copyright © 2020-2023  润新知