缓存，不管是PC 端还是移动端，不可避免的问题。vue中有一个keepAlive,这个api 基本 能实现我们开发的一些需要。 一、简单介绍下keep-alive: 1、把切换出去的组件保留在内存中，可以保留它的状态或避免重新渲染，实现页面缓存； 2、<
转载
2023-06-01 15:30:27
309阅读
1.使用sessionStorage、localStorage存储数组与对象localStorage对象是HTML5的客户端存储持久化数据的方案。为了能访问到同一个localStorage对象，页面必须来自同一个域名（子域名无效），使用同一种协议，在同一个端口上。过期策略：localstorage永久存储，不过期，除非手动删除，sessionstorage在重启浏览器、关闭页面或新开页面时失效。l
转载
2023-08-22 20:04:26
146阅读
一、是什么函数缓存，就是将函数运算过的结果进行缓存本质上就是用空间（缓存存储）换时间（计算过程）常用于缓存数据计算结果和缓存对象const add = (a,b) => a+b;
const calc = memoize(add); // 函数缓存
calc(10,20);// 30
calc(10,20);// 30 缓存缓存只是一个临时的数据存储，它保存数据，以便将来对该数据的请求能够更
转载
2023-10-23 08:54:47
87阅读
# 如何实现 Vue.js 缓存视频
## 引言
在使用 Vue.js 开发过程中，我们经常需要处理视频相关的功能，其中一个常见的需求是缓存视频。本篇文章将向你介绍如何在 Vue.js 中实现视频缓存的步骤和相应的代码。
## 整体流程
下面的表格将展示实现视频缓存的整个流程：
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 创建一个 Vue.js 项目 |
| 2 |
原创
2023-07-27 05:32:50
1351阅读
# HTML5缓存：使用JavaScript实现离线存储
HTML5引入了一系列强大的新功能，其中最引人注目的是缓存机制。这一机制能够让我们构建离线网页，使得用户即便在没有网络的情况下也能访问内容。本文将讨论HTML5缓存的基本概念，如何利用JavaScript进行操作，并提供相关代码示例。
## 一、HTML5缓存概述
HTML5缓存主要有两个方案：Application Cache（Ap
项目上线一段时间后如果更新JS或CSS文件，而客户端已经对该文件缓存过了，那就有可能会无法及时更新而继续采用旧的JS或CSS文件，无法达到想要的效果。 处理类似情况最有效的解决方案就是修改其所有的链接，这样，请求就会从服务器下载最新的内容。但是要怎么改呢？ 一：通过query的方式添加随机数。这样虽然可以保证每次都能获取到最新的静态资源，但即使没有更新也会去重新下载，缓存也就失
转载
2023-07-12 19:55:00
436阅读
一、CSS和JS为什么带参数（形如.css?t=与.js?t=）怎样获取代码css和js带参数（形如.css?t=与.js?t=） 使用参数有两种可能： 第一、脚本并不存在，而是服务端动态生成的，因此带了个版本号，以示区别。 即上面代码对于文件来说 等价于 但浏览器会认为他是 该文件的某个版本！ 第二、客户端会缓存这些css或js文件，因此每次升级了js或css
转载
2023-10-18 23:16:13
33阅读
解决Vue入口文件index.html缓存问题2018年11月16日 爱搞机 7533次浏览之前每次更新tool.chaozhi.hk的时候，总是要刷新两次才能生效，现在总算解决这个问题了。找过很多META标签的设置，例如下面这些，都不管用。vue-cli里的默认配置，css和js的名字都加了哈希值，所以新版本css、js和就旧版本的名字是不同的，不会有缓存问题。<meta http-eq
转载
2020-06-08 10:56:00
458阅读
2评论
# 如何在HTML5和JavaScript中实现不缓存
在Web开发中，缓存是一种提高加载速度和用户体验的重要手段。然而，在某些情况下，我们希望防止缓存，以确保用户始终能获取最新的数据或资源。本文将详细介绍如何通过HTML5和JavaScript实现不缓存。
## 流程步骤
以下是防止缓存的基本流程：
| 步骤 | 描述 |
| ----
浏览器缓存 配置浏览器缓存可以加速静态资源的访问，浏览器对用户访问的资源进⾏存储，下次访问，不⽤再去向服务器寻求资料，直接本地显示，加速访问体验，节省⽹络资源，提⾼效率。Nginx通过
expires
指令配置缓存，可以控制
HTTP
响应中的
Expires
和
Cache-Control的头部信息，⽤来控制页⾯缓存例如HTML
⻚⾯经常引⽤
JavaScri
转载
2024-07-02 14:39:13
200阅读
# 如何在HTML5中设置无缓存的JavaScript
在Web开发中，保证用户获取到最新版本的资源是非常重要的。特别是在使用HTML5的应用程序中，我们通常需要设置无缓存策略来确保用户始终能加载到最新的页面和脚本。本文将为你详细解析如何实现无缓存的HTML5，并给你展示具体的代码实现。
## 流程概述
下面是实现无缓存的步骤流程：
| 步骤 | 描述
问题背景a.浏览器端在每次发布新的版本时候，总会出现因为单页面项目中index.html文件（200 ok from disk cache 不发送请求，直接取用了本地磁盘缓存）和服务端版本不一致的问题，导致用户不能及时更新，需要通过手动刷新来强制从服务端更新文件。b.补充一下，服务端和浏览器之间架构。三级缓存问题上述，我们看到浏览器没有发出请求直接从磁盘中取出index.html文件，这其实是二级
转载
2024-03-28 21:12:58
207阅读
整个vue组件放进来了，基本上是用id+视频地址，判断id是否存在，如果有则调用缓存拿到上次播放市场playTime，然后从这个时长加载主要方法关键字play (id,url) ， open() ，close (e) ，//当前播放位置发生变化时触发。 onPlayerTimeupdate(player)//将侦
转载
2023-09-28 00:40:18
332阅读
js删除html标记 去掉所有html标记function delHtml(str){
return str.replace(/]+>/g,""); //正则去掉所有的html标记
}
//调用测试
delHtml("
aaa
")
返回结果:aaa
加上去script与style里的内容
function delHtml(str){
str = str.repl
转载
2024-03-07 22:03:27
39阅读
v-text 在标签中显示文本数据，数据对象中的数据会被原样输出，例如：<span v-text="message"></span>
<!-- 简写方式 -->
<span>{{message}}</span>在模板中输出真正的HTML，如果是使用 v-text 输出带标签的字符串的话，仅仅是想页面中输出带标签的HTML，但是不会对HTM
转载
2023-06-29 21:50:48
877阅读
移动端缓存方案标签(空格分隔)： 缓存 移动端Cache目的Cache几乎无处不在，iOS系统clean memory、dirty memory，HTTP的tag机制，都是Cache设计思想的应用。Cache的目的是为了追求更高的速度体验，其源头是两种数据读取方式在成本和性能上的差异。数据存储媒介Cache的本质，是利用空间换取时间，对数据的存储进行处理。在设计Cache之前，需要先理清数据存储的
转载
2023-08-22 12:22:01
53阅读
转载
2020-04-29 11:58:00
306阅读
2评论
本系列汇总在这里：Vue.js 汇总
v-html 指令使用场景
原创
2022-01-15 13:39:12
66阅读
由于最近开发的个人博客(Vue + node)在使用过程中，发现网络加载有点慢，所以打算对它进行一次优化。本次优化的目标如下：index.html 设置成 no-cache，这样每次请求的时候都会比对一下 index.html 文件有没变化，如果没变化就使用缓存，有变化就使用新的 index.html 文件。其他所有文件一律使用长缓存，例如设置成缓存一年 maxAge: 1000 * 60 * 6
转载
2024-04-29 09:33:03
34阅读
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue </title><script src="https://un
原创
2023-02-16 12:01:39
98阅读
