web前端开发缓存问题解决方案

大家在进行web开发时候     都应该遇到过缓存问题   

对于 HTML页面    缓存分为 三部分：页面内容缓存问题、css缓存问题、js文件缓存问题

1、页面内容
<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="styles/admin.css"/>
<script src="js/admin.js"></script>
改成
<link rel="stylesheet" href=".styles/admin.css?v=180911"/>
<script src="js/admin.js?v=180911"></script>
就是只要在每次修改后改一下版本号即可