uni-app,vue,react,Trao之缓存类封装 一,介绍与需求 1.1,介绍 缓存主要分为如下几个 1、LocalStorage LocalStorage是永久性的本地缓存,存储在客户端的浏览器上,除非主动删除,是不会过期的。LocalStorage采用的是键值对的方式进行存储,存储方式只 ...
分类:
移动开发 时间:
2020-01-18 12:32:35
阅读次数:
144
四种都是存储数据的方式。 1. localStorage 1. 本地存储 2. 存储容量5M 3. 存储周期:一直存在 4. 不能跨域 2. sessionStorage 1. 本地存储 2. 存储容量5M(各浏览器不同) 3. 存储周期: 页面打开期间;页面关闭,数据消失 4. 不能跨域 3. c ...
分类:
其他好文 时间:
2020-01-18 10:55:35
阅读次数:
113
https://www.cnblogs.com/pengc/p/8714475.html https://segmentfault.com/a/1190000017962411 token:https://www.cnblogs.com/nickjiang/p/9148136.html ...
分类:
其他好文 时间:
2020-01-17 11:53:27
阅读次数:
65
一、 概念的理解 webstorage本地存储 1)webstorage是本地存储,存储在客户端,包括localStorage和sessionStorage2)localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。存 ...
分类:
其他好文 时间:
2020-01-16 12:47:12
阅读次数:
116
问题背景: 我们的前端项目客户端存储采用localStorage,恰好在同一个域下部署了2个前端项(a和b)目,判断用户是否登录的信息都用token字段存储在localStorage中。当我们打开项目a登录后存储了token,然后非正常退出(关掉浏览器窗口或者标签页),然后在打开项目b,问题就出现了 ...
分类:
其他好文 时间:
2020-01-14 22:17:47
阅读次数:
140
环境: MacOS + IntelliJ IDEA 2019.3.1 (Ultimate Edition) Cookie:存储在用户本地终端上的数据。Cookie 中每条Cookie的存储空间4k LocalStorage:用于本地存储,解决了Cookie存储空间不足的问题,LocalStorage ...
分类:
编程语言 时间:
2020-01-14 16:34:37
阅读次数:
95
浏览器的本地存储: 一:locaLStorage; 设置:localstorage.setItem("",""); 获取:localstorage.getItem(""); 删除:localstorage.removeItem(""); 删除所有:localstorage.clear(); 二:se ...
分类:
其他好文 时间:
2020-01-11 15:06:12
阅读次数:
80
1:token: 标志用户登录状态 , 存储用 vuex+cookie 实现, 即 vuex 里面设置变量 userToekn, 防止页面刷新 vuex中的变量恢复初始值。保存用户个人信息 ,用vuex 中变量userInfo (vuex+ localstorage), 原理跟token一致。 2: ...
分类:
Web程序 时间:
2020-01-11 13:10:49
阅读次数:
123
服务器传输大量信息到客户端(浏览器),即使有了服务器端缓存,用户每次打开web页面都需要请求服务器,传输大量信息,然后渲染。 主要存在网络传输成本,如果我们将大量的不太会变动的字典信息存储于localStorage,就能实现高性能的操作。 由于localStorage是永久的,自身没有过期时间,这对 ...
分类:
其他好文 时间:
2020-01-10 20:08:13
阅读次数:
72
新建项目(不知道怎么新建项目?参考文章:vue-cli3 搭建vue项目) 目录结构 界面显示 添加store.js 将两个操作localStorage的函数export出去。需要在使用的时候import进来。 App.vue代码编写 html script css ...
分类:
其他好文 时间:
2020-01-08 19:22:14
阅读次数:
90