- 前端缓存问题
问题描述:浏览器有缓存机制,项目每次发布后,如果前台的css或js或img有改动,必须先清空浏览器的缓存或者强刷才能看到修改后的效果。
解决方案:
①给css、js、img添加版本号(时间戳),让页面每次重新加载都是最新版的代码
<link rel="stylesheet" href="style.css?v=1.0.0">
<script src="main.js?v=1.0.0"></script>
②添加meta标签
<!-- Pragma:设定禁止浏览器从本地计算机的缓存中访问页面内容。这样设定,访问者将无法脱机浏览-->
<meta http-equiv="Pragma" content="no-cache">
<!-- Cache-Control:指定请求和响应遵循的缓存机制 -->
<meta http-equiv="Cache-Control" content="no-store,no-cache">
<!-- expires:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输 -->
<meta http-equiv="expires" content="0">
③动态加载样式,用时间戳来当版本号
<!--head-->
<script type="text/javascript">
document.write("<link rel='stylesheet' type='text/css' href='css/index.css?v="+new Date().getTime()+"'>");
</script>
- layui弹出层两个以上置顶弹出
在layui中两个或两个以上的弹出层,覆盖前一个弹出层(置顶弹出)用parent.layer.open
parent.layer.open({
type : 2,
title : '详情',
area : ['580px','505px' ], //宽高
closeBtn : 1,
scrollbar: false,
content :'toAssignedDetailInit?assignId='+assignId,//子页面路径
btn : [ '确定','关闭' ],
});
- Swiper.js手动滑动之后,不再自动滑动问题
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
autoplay: 2000,
paginationClickable: true,
loop: true,
//添加这个属性,就可以了
autoplayDisableOnInteraction : false
});
- SuperSlide图片自适应窗口大小
jQuery(".slideBoxs").slide({
mainCell:".bd ul",
autoPlay:true,
effect:'leftLoop',
vis:"auto"
});
-
SVN提交失败Access denied错误
SVN右键→设置→已保存数据→认证数据选择清除 -
啊