美文网首页
动态更新js、css文件

动态更新js、css文件

作者: simplehu | 来源:发表于2017-09-20 19:50 被阅读0次

在前端开发过程中,往往修改了js、css文件,刷新页面,新加的代码没有更新,是因为cache的问题,开发过程中可以使用F12,点击NetWork,勾选Disable cache可以实时使用最近的js、css文件,但是如果是提供给其他人使用,需要动态更新js、css文件,可以通过加时间戳或者每次开发完提交代码时修改版本号即可

  • 添加实时时间戳,不论任何时候都不需要更改
 <script type="text/javascript">
        seajs.config({//seajs配置声明
        map:[
                //[".js",".js?v="+version]//映射规则
                [ /^(.*\.(?:css|js))(.*)$/i, '$1?timestamp='+Date.parse(new Date()) ]
            ]
        });
    </script>
  • 添加版本号,每次发布前修改version字段的值
 var version="0.0.1";
   seajs.config({//seajs配置声明
  map:[
        [ /^(.*\.(?:css|js))?v="+version]//映射规则
       ]
  });

相关文章

  • iOS-Hybird

    一、HTML、css、js文件预装到本地二、JS/CSS/IMG 资源怎么动态更新?什么时候更新资源?活动的动态数...

  • 动态更新js、css文件

    在前端开发过程中,往往修改了js、css文件,刷新页面,新加的代码没有更新,是因为cache的问题,开发过程中可以...

  • Gulp 添加版本号

    当我们修改js和css文件时往往需要清除浏览器的缓存,否则有些效果就看不到更新过后的。 通过对js,css文件内容...

  • JS动态加载js/css文件

    var dynamicLoading = { css: function (path) { if (!path |...

  • 热更新的问题

    问题:为什么更改index.html不会热更新,更改js文件和css文件,vue文件等等会热更新? 主要原因是只有...

  • jQuery 城市联动

    html 图片 js css文件 js文件

  • js动态引用css文件

    有的时候,我们需要根据不同的需求来使用不同的样式文件,这个时候我们就需要根据不同的分辨率来引用不同的css。除了媒...

  • js判断资源(css,js)是否需要更新

    记录js判断引入资源是否有更新 需要根据引入的css,js的版本号是否有改动通知app动态更新资源 单这个引入的版...

  • 去除静态html的缓存--动态引入js文件

    动态引入js文件以及在js文件后边添加动态参数

  • JavaScript动态加载js和css

    动态加载js 参考:javascript 性能优化 动态加载css 参考: 动态加载 css 方法实现和深入解析 ...

网友评论

      本文标题:动态更新js、css文件

      本文链接:https://www.haomeiwen.com/subject/lpzosxtx.html