zoukankan      html  css  js  c++  java
  • 使用时间戳引入css、js文件

    使用时间戳引入css、js文件

    前言

    最近在一家创业公司实习,主要负责新版官网和商家平台管理系统的前端开发和维护,每次测试都要上传文件到ftp服务器端测试,初期由于更新修改比较频繁,每次都是直接上传覆盖css、js、php文件,链接方式是普通的链接而没有添加时间戳。由于大多数服务器端或CDN都会对css、js和图片这些静态的内容设置缓存和gzip压缩,到了IE这里又会在本地做一个缓存。所以当我们在服务器端更新了css、js文件之后,客户端经常会出现没有更新的现象,即浏览器会缓存你网站之前css、js的一些版本,导致一些问题的出现。

    ps:并且我们不会要求客户每次访问你的网站都要清除下缓存,刷新一下页面。所以为了得到服务器端最新版的静态内容,在引入相关css、js文件时就有必要使用时间戳。(格式大概是:xxx.css?t=aaa或xxx.js?t=bbb)如淘宝首页源码:

    使用

    这些时间戳标志着修改css、js等文件的日期,并且是动态生成的,可以在后台使用php或其他语言获取,然后前台输出。这样服务器端每次修改,浏览器端都会得到同步更新,用户访问网站时不会导致相关问题出题。

    php对时间戳的操作

    一、php获取时间戳方法有两个:time()、strtotime()。
    这两个方法,都可以获取php中unix时间戳,time()为直接获取得到,strtotime($time, $now)为将时间格式转为时间戳,$time为必填。由于对php不是很熟悉,详情请看strtotime的用法 ,如下(注:该段代码是从网上copy的

    复制代码
    //获得时间戳
    <?php
    $timestamp = time();
    echo $timestamp;
    ?>
    //更新timestamp的SQL的语句:
    update 表名 set 字段名= $timestamp where 条件=值;
    复制代码

    二、另外使用钩子修改css、js的url的php方法可参考:使用php给css和js加上时间戳

    结语

     总之一句话概括使用时间戳的目的就是:禁止缓存css、js,使浏览器同步更新到服务器端最新的静态内容。由于本人技术很菜,这里只是把一些遇到的问题摆出来,好让看到的人有这个意识,避免犯同样的错误,相关解决方案因人各异。

    因为分享,所以简单;因为分享,所以快乐。
     
    分类: web前端
    标签: web前端php
  • 相关阅读:
    前端开发在手机UC浏览器上遇到的坑
    前端开发在uc浏览器上遇到的坑
    object-fit 解决图片指定大小被压缩问题
    前端新手需要注意的几个问题
    利用apache搭建本地环境
    有简历,为何还要自我介绍?
    移动端项目总结
    JavaScript MVC框架PK:Angular、Backbone、CanJS与Ember(转载)
    Net Core 控制台程序使用Nlog 输出到log文件
    net core服务器缺包,如何在线安装?
  • 原文地址:https://www.cnblogs.com/Leo_wl/p/3255692.html
Copyright © 2011-2022 走看看