用户工具

站点工具


cache

缓存处理

缓存的概念分很多种,本次讨论的主要就是前端缓存中的Http缓存和本地数据存储。

Http缓存

Http缓存的优势

提高访问速度:缓存相对服务端离用户更近,所以在请求过程中从缓存中取内容比在源服务器上取的内容用的时间更少,加快了用户体验。
降低网络传输:副本被重复使用,大大降低了用户的带宽使用,其实也是一种变相的省钱(如果流量要付费的话),同时保证了带宽请求在一个低水平上,更容易维护了。

Http缓存处理常见问题

1、版本更新,无法同步最新的程序
2、数据更新不及时

1 html页面缓存

<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">

2 css/js缓存

<link rel="stylesheet" href="../css/register.css?v=1.0.1"/>
<script src="../scripts/register.js?v=1.0.1"></script>

3 前端使用本地存储的推荐方法

LocalStorage,SessionStorage,Cookies

npm install store --save
npm install js-cookie --save
cache.txt · 最后更改: 2021/12/23 17:19 (外部编辑)