zoukankan      html  css  js  c++  java
  • 使用时间戳引入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,使浏览器同步更新到服务器端最新的静态内容。由于本人技术很菜,这里只是把一些遇到的问题摆出来,好让看到的人有这个意识,避免犯同样的错误,相关解决方案因人各异。

  • 相关阅读:
    ASP.NET编程中的十大技巧
    ArcIMS初级教程(2)
    网站的CMS建站程序 yi
    买车后的开销 yi
    谈谈我的梦之一~~大数据时代电子商务
    【ActiveMQ Tuning】vmCursor on Destination
    【ActiveMQ Tuning】JMS Transactions
    【ActiveMQ Tuning】System Environment
    【ActiveMQ Tuning】Threading Optimizations
    【ActiveMQ Tuning】Prefetch Limit
  • 原文地址:https://www.cnblogs.com/cyStyle/p/timestamp.html
Copyright © 2011-2022 走看看