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/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
    如果文中有什么错误,欢迎指出。以免更多的人被误导。
  • 相关阅读:
    web前端的面试真题
    web前端面试真题! 面试的经历和回答只做参考1
    web前端面试真题! 面试的经历和回答只做参考
    html面试资料
    angluar.js的核心介绍
    解决 Chrome支持小于12px 的文字
    div居中效果出现的问题和解决方法
    li和li之间的bug解决方法
    前端面试题笔试考题和答案
    html5新增的标签和使用的方法
  • 原文地址:https://www.cnblogs.com/chenze-Index/p/9236931.html
Copyright © 2011-2022 走看看