在web项目开发过程中，我们经常会引用css、js文件，更新文件后常出现缓存问题（明明更改了代码，在浏览器上访问的时候却没有发生变化），这种情况我们通常采用以下两种解决方案：
1、手动清除浏览器缓存
2、添加版本号（如 layout.css?v=1）
个人认为方法2更快，因为清除浏览器缓存还要等浏览器响应。但是每次更改版本号也很麻烦，所以需要想办法自动添加版本号，
以下是本人收集的方法：
方法一：可以通过js自动给html添加版本号
<script type="text/javascript">
document.write("<link rel='stylesheet' type='text/css' href='/css/layout.css?v="+new Date().getTime()+"'>");
</script>
相关教程
-
css实现悬浮效果的阴影的方法示例
本文介绍了css实现悬浮效果的阴影的方法示例，分享给大家，具体如下：要实现的效果图：实现的代码：-webkit-box-shadow:0px 3px 3px #c8c8c8 ;-moz-box-shadow:0px 3px 3px #c8c8c8 ;box-shadow:0px 3px 3px #c8c8c8 ;
5/9/2018 9:37:43 PM -
css选择器中有小数点的标签获取方法
需求说明因为项目中章节配置的时候有小数点，1，1.1,1.2,1.11的标题，这个时候每一行标题的id,class设置成标题号是独一无二的标记。但是，直接用js获取是获取不到的，例如$(#3.22)打印只能获取到document.解决方案var array = id.split(.);var id = ;for(var i=0;i…
5/9/2018 9:37:42 PM -
纯CSS制作各种各样的网页图标（三角形、暂停按钮、下载箭头、加号等）
三角形<div class="box"></div><style>.box{width: 0;height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 50px solid transparent;border-right: 50px solid red;}</style>
5/9/2018 9:37:41 PM -
纯css实现多级折叠菜单折叠树效果
1、运用checkbox的checked值来判断下级栏目是否展开，CSS3的选择器中提供了:checked 这个伪类，这个伪类提供我们，当元素拥有checked这个值的时候就执行你的CSS。当有子菜单时，菜单项右侧有向下的箭头，当收起菜单项时，箭头朝上。图片可以自己替换。2、效果图3、代码片…
5/9/2018 9:37:40 PM
在线客服
共有条评论 网友评论