`
opensuse
  • 浏览: 186974 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

更改JS后,让用户即刻体验到

    博客分类:
  • php
阅读更多

这个标题不太恰当,但是和我在编程时起名字一样,我自己写的东西,我自己明白就好了。

 

郁闷,不知道为啥别人用短语叫英文好。我用就叫“不能用短语的,最好是一个词”,唉。呵呵。抱怨一下。。

 

切入正题,昨天的班不是白加的,老大的经验果然丰富,给我们讲了这么一件事。

 

在网站开发上线后由于种种原因我们要改JS文件,增加一个函数。或者更改一个函数的实现之类的。

 

但是我们改完后,一般浏览器由于缓存的问题就会把原来的给留住,这样用户只有按“CTRL+F5”强行刷新才会用到新的JS文件。

 

但是由于 HTML是会即刻更新的,这样就会导致一个问题,有可能HTML调用的是一个新的JS函数。可是用户客户端的是一个旧的JS文件。

 

这样就用户浏览器就会报错,而我们又不能告诉每个用户,“兄弟我们需要你刷新一下。嘿嘿,不好意思哈。”。这样会被头骂死的。

 

于是老大给我们讲了一下他们团队用的一个方法,还真TMD帅。

 

实现简单,功能强大,嘿嘿。

 

在引用JS的时候呢,后面加一个参数,最后一次这个文件的修改时间,当然取一个文件最后的修改时间是用PHP自带的系统函数的。嘿嘿。具体是啥我记不清了。大家自己翻手册哈。

 

例如这样:

<script type="text/javascript" src="abc.js?v='<?php echo FileSvc::getLastModTime(\"abc.js\");?>'"></script>

 

就这样,因为浏览器打开的时候会匹配参数的,如果参数不同了(也就是说你现上的文件更新过了),那么好,浏览器就会重新上服务端请求一下这个文件。这样就不会有问题啦。

 

嘿嘿。

 

另外想起来那个函数的名字了:filemtime,有啥不明白的请看手册,或者 超越PHP

 

 

分享到:
评论

相关推荐

    使用js验证填写的字符是否符合长度

    在IT领域,特别是Web开发中,前端验证是确保数据质量和用户体验的重要环节。本文将深入解析一个使用JavaScript进行字符串长度验证的实例,旨在帮助开发者更好地理解如何在用户输入时即时检查其合法性,从而避免无效...

    Flutter高度实现即刻App探索页交互手势拖拽和布局实战

    同时,使用`AnimatedBuilder`和`AnimationController`可以创建平滑的动画效果,提升用户体验。 在压缩包`FlutterDragCard-master`中,你应该能找到一个示例项目的源代码,包含实现拖拽和布局的完整结构。你可以通过...

    js+cookies实现悬浮购物车的方法

    本文讲述了使用JavaScript和Cookies来实现一个悬浮的购物车,使得用户在浏览商品列表时,可以实时更新购物车内容而无需跳转到结算页面,这不仅提高了用户体验,还减少了服务器的负担。 首先,我们要明确几个关键点...

    ajax简介

    传统的Web应用采用请求-响应模式,每当用户发起一个操作时,都需要向服务器发送请求,等待服务器处理后再返回结果,这种模式不仅效率低下,而且用户体验较差。为了解决这一问题,Ajax技术应运而生,它通过异步通信的...

    二级下拉菜单特效

    用户点击“电子产品”后,下拉菜单会显示出“手机”和“电脑”等子菜单,让用户能够快速定位到感兴趣的商品类别。 这个特效的“无过度效果”指的是菜单展开和收起时没有过渡动画,如淡入淡出、滑动等效果,而是直接...

    92game仿yiyi.cc一一影视源码

    其主要特点包括内置的2.5万条影视数据,这意味着在安装后,网站即刻拥有大量影片资源可供用户浏览和观看。 源码支持伪静态功能,这是一个重要的SEO优化手段。通过伪静态,原本动态生成的URL可以被转化为看似静态的...

    GitHubHovercard.zip

    安装完成后,无需重启浏览器,扩展即刻生效。 开源项目是GitHub Hovercard的一大亮点。这意味着它的源代码对所有人开放,开发者可以自由查看、修改和分发。这种开放性鼓励了社区成员参与改进,使得GitHub Hovercard...

    漂浮广告代码.zip

    随着网络技术的迅猛发展,网页设计和用户体验的提升成为了网站吸引访客的重要因素。其中,JavaScript库jQuery在前端开发领域扮演了重要角色,尤其在简化DOM操作、事件处理、动画效果以及AJAX交互等方面显示出极大的...

    (已更新)外卖仿封带食谱微信小程序源码

    这套源码的使用者可以根据自身需求进行定制和修改,实现个性化功能或优化用户体验。 3. **无服务器架构**:无服务器(Serverless)指的是开发者无需关心服务器的运维,只需关注业务逻辑,后端服务由云平台自动管理...

    Visual Studio Code 1.68.1 (VSCode-darwin-universal.zip)

    Visual Studio Code 1.68.1 是一款广受欢迎的源代码编辑器,由微软开发并维护,适用于多种操作系统,包括Windows、Linux以及...macOS用户可以下载VSCode-darwin-universal.zip,安装后即刻开启他们的高效编码之旅。

    外卖超人餐饮网站用户中心模板html全套(购物车数字可变,金额不变).rar

    想让您的网站从千篇一律中脱颖而出吗?想要快速构建专业而引人入胜的在线存在吗?我们的网站HTML源码资源,就是您迈向成功的关键。 精致设计:采用最新网页设计趋势,让您的网站视觉惊艳。 极速加载:优化代码,...

    初识Firebug.pdf

    该功能大大简化了代码调试的过程,让开发者可以即时看到更改后页面的变化,而无需重新加载页面。特别是对于复杂的页面结构,Firebug能够自动格式化HTML代码,使代码结构更加清晰,便于阅读和修改。 JavaScript作为...

    图像叠加滑块特效代码.rar

    随着网络技术的飞速发展,网页设计已经成为一种艺术,其对用户体验的追求催生了各种各样的网页特效。在这些特效中,图像叠加滑块特效因其动态感和视觉吸引力,已经成为设计师们青睐的元素之一。为了实现这一效果,...

    前端前端静态模板-个人工作室-学生作业毕设实训素材.zip

    这些模板通常包括响应式设计,能够适应不同的设备屏幕尺寸,确保在手机、平板电脑和桌面电脑上都能提供良好的用户体验。它们通常包含导航栏、头部、主体内容区、侧边栏和页脚等基本页面元素,可以根据需求进行修改和...

    基于ssm+mysql在线租房系统源码数据库.doc

    1. **前端架构**:采用HTML5、CSS3和JavaScript技术栈构建响应式用户界面,确保不同设备上的良好体验。 2. **后端架构**:基于Spring Boot快速搭建后端服务,利用Spring Security进行权限控制,结合Redis缓存热门...

    PHP网站模板,网站源码,带PHP后台:灰色简约质感科技行业HTML模板_灰色 白色 web20 简洁 导航 整.zip

    8. **整套资源**:文件名中的"完整"可能意味着这个模板包含所有必要的组成部分,如CSS样式表、JavaScript文件、图像资源以及可能的数据库连接文件,用户可以即刻开始搭建网站。 9. **开发与部署**:使用此模板进行...

    Open-shop微信小程序-完全开源的微信小程序商城

    很多人想找一套真正完全开源的微信小程序商城而找不到,现在我们团队经过整合GitHub开源代码后重磅对出此套完全开源程序。...进入之后修改config文件夹里的api.js文件,把NewApiRootUrl改为你后台接口地址即刻运行。

    html5 css3微信营销介绍页面全屏滚动模板.rar

    想让您的网站从千篇一律中脱颖而出吗?想要快速构建专业而引人入胜的在线存在吗?我们的网站HTML源码资源,就是您迈向成功的关键。 精致设计:采用最新网页设计趋势,让您的网站视觉惊艳。 极速加载:优化代码,...

    使用Lighthouse提供自动分析框架如何为您提供开箱即用

    标题中的“使用Lighthouse提供自动分析框架如何为您提供开箱即用”揭示了本文将深入探讨一个基于JavaScript的开源工具——Lighthouse,以及它如何在优化Web应用性能方面提供即刻帮助。Lighthouse是一款由Google开发...

    彩色熔岩球CSS3动画特效.zip

    "网页特效"标签则涵盖了这个资源包的用途,即提升网页的整体用户体验,通过动态视觉元素吸引用户注意力并增强互动性。彩色熔岩球特效可能是鼠标悬停、页面加载或是某种用户交互的响应,为网页添加生动的视觉反馈。 ...

Global site tag (gtag.js) - Google Analytics