zoukankan      html  css  js  c++  java
  • 前端缓存

    <1>localStorage
    生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信。
    localStorage.setItem("key","value");//以“key”为名称存储一个值“value”
    localStorage.getItem("key");//获取名称为“key”的值
    localStorage.removeItem("key");//删除名称为“key”的信息。
    localStorage.clear();​//清空localStorage中所有信息
    //eg:
    var localStorage = window["localStorage"]; //申明
    localStorage.setItem("admin", "123456"); //赋值
    localStorage.setItem("pwd", "123456"); //赋值
    localStorage.removeItem("admin") 删除admin缓存
    localStorage.clear(); //清空localStorage缓存
    sessionStorage.getItem("Test"); //取值
    

      

    <2>SessionStorage
    仅在当前会话下有效,关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信。源生接口可以接受,亦可再次封装来对Object和Array有更好的支持。
    用法和localStorage几乎一致
    var sessionStorage = window["sessionStorage"];
    sessionStorage.setItem("Test", "1234");
    sessionStorage.getItem("Test");
    

     存放到客户端 

    1 var sessionStorage = window.sessionStorage;
    2 sessionStorage.setItem("username", name);
    作者:chenze
    出处:https://www.cnblogs.com/chenze-Index/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
    如果文中有什么错误,欢迎指出。以免更多的人被误导。
  • 相关阅读:
    新闻列表中标题和日期的左右分别对齐的几种处理方法
    BFC
    css清除浮动float的几种方法
    git 恢复单个文件
    Git ignore
    198. House Robber(动态规划)
    121. Best Time to Buy and Sell Stock(股票最大收益)
    120. Triangle(动态规划 三角形最小路径 难 想)
    91. Decode Ways(动态规划 26个字母解码个数)
    53. Maximum Subarray(动态规划 求最大子数组)
  • 原文地址:https://www.cnblogs.com/chenze-Index/p/9236931.html
Copyright © 2011-2022 走看看