js 前端过滤器 实现图片缓存与版本控制更新的功能?

JavaScript013

js 前端过滤器 实现图片缓存与版本控制更新的功能?,第1张

兄台多虑了,以我个人见解,这个功能应该是前端js搞不定,你js什么时候加载就是个问题,第二个问题就是js也检测不到网络请求,那是浏览器干的事。

但是针对缓存这事,一个是在服务端设置,也就少web服务或者少CDN那设置缓存。很多情况下,图片,css都是默认缓存的,你打开开发者工具之后确保禁用缓存的复选框取消,你刷新一下,看看那图片、css是不是就是304状态。

如谷歌,在浏览器设置中找到历史记录

再点清除浏览器缓存即可。

各大浏览器都有这个选项

至于用js清除,看看下面的网站

http://blog.csdn.net/u013630488/article/details/49584235

<!DOCTYPE html>

<html>

<head>

<script>

    var script = document.createElement('script')

    script.src = 'https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js?version=' + (new Date).getTime()

    var stylesheet = document.createElement('link')

    stylesheet.rel = 'stylesheet'

    stylesheet.href = 'https://cdn.bootcss.com/bootstrap/4.0.0-beta.3/css/bootstrap.css?version=' + (new Date).getTime()

    document.head.appendChild(script)

    document.head.appendChild(stylesheet)

</script>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Document</title>

</head>

<body>

<script>

script.onload = function(e) {

    alert(jQuery)

}

</script>

</body>

</html>

我写了一个很简单的实例。