首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么我替换它们后,DNN中包含的图像和javascript文件不再缓存在客户端上?

这个问题涉及到浏览器缓存和DNN(Dynamic Networking Network)的相关知识。

首先,我们需要了解一下浏览器缓存是如何工作的。当浏览器请求一个网页时,它会将该网页的资源(如图像、JavaScript文件等)缓存在本地,以便在下次访问时能够快速加载。缓存可以提高网页的加载速度,并减少服务器的负担。

然而,当我们更换DNN中的图像和JavaScript文件时,浏览器可能会继续使用缓存中的旧版本,而不是从服务器获取最新版本。这是因为浏览器默认情况下会根据缓存策略来确定是否使用缓存的资源。

为了解决这个问题,我们可以采取以下措施:

  1. 在服务器端设置缓存策略。我们可以通过设置HTTP响应头中的Cache-Control、ETag等字段来控制浏览器的缓存行为。例如,我们可以设置Cache-Control为no-cache,这样浏览器在每次请求时都会向服务器发送请求,以确保获取的是最新的资源。<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" />这样可以告诉浏览器不要缓存任何资源。 3. 在开发过程中使用版本控制。我们可以在图像和JavaScript文件的文件名中添加版本号,以便在更新时能够强制浏览器获取最新版本。例如,我们可以将文件名命名为image_v1.0.1.jpg和script_v1.0.2.js等。
  2. 在客户端设置缓存策略。我们可以通过在HTML中添加<meta>标签或在JavaScript中设置缓存策略来控制浏览器的缓存行为。例如,我们可以在HTML中添加以下代码:

总之,当我们替换DNN中的图像和JavaScript文件时,浏览器可能会继续使用缓存中的旧版本,导致不能够正确地显示新版本的资源。我们可以通过设置缓存策略和使用版本控制来解决这个问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

「译」React 服务器组件 (RSCs) 的深入分析

在此过程中,Web 应用只有在 JavaScript 完全加载完成后才能完全互动。这里存在一个问题,即改进的开发者体验(DX)对用户体验(UX)产生了负面影响。...但是,我们可以在客户端组件的子树中包含服务器组件 —— 只能通过 children 属性传递。由于客户端组件存在于浏览器中,它们处理用户交互或定义自己的状态,它们会经常重新渲染。...当客户端组件重新渲染时,其子树也会这样做。但是,如果其子树包含服务器组件,它们将如何重新渲染?它们不在客户端上。这就是 React 团队设置这一限制的原因。但等一下!...这个包装器将被转换成一个脚本,用于在需要时获取并加载客户端组件的 JavaScript 和 CSS 文件。要点总结我知道这似乎有很多事情在不同时刻旋转和移动。...浏览器刚刚接收到了初始 HTML,其中包含页面外壳和一些资源链接,如字体、CSS 文件和 JavaScript。浏览器开始调用脚本。

21710

一文读懂CTR预估模型的发展历程

本文从FM和DNN开始开始,带你梳理CTR预估模型的发展历程,包括FNN、PNN、Wide&Deep、DCN、DeepFM、xDeepFM等一系列CTR预估模型和它们之间发展演进的关系。...例如,当存在节日特征和国家特证这两个特征时,能够较差国家特证和节日特征,如中国+春节,能够更好的反映出当前样本的特点,也和label关联更密切。...例如包含500个取值的类目特征和包含10000个取值的用户特征,这两个特征的交叉会生成500*10000的不同组合,这么庞大的特征组合数量,训练样本难以覆盖,因此对应的权重wij也就无法求解。...对于DNN和FM的模型优化 对于DNN和FM模型的优化可以分为两类,一类是将DNN模型和FM模型各自的优点进行融合,另一类是针对DNN模型或FM模型存在的问题进行改进。...图a描述了l-1层的X和0层的X外积的过程,这个过程生成了一个“图像”。图b描述了用W加权的过程,这个过程类似于在图像上做卷积。

1.3K20
  • Web 应用开发进化论

    但是,对于 Web 2.0 中的动态内容,发送给客户端的 HTML 不再是具有静态内容的静态 HTML 文件。相反,它会从服务器的数据库中插入动态内容: 它们中的大多数在现代 Web 应用程序中仍然非常活跃。 在单页应用程序出现之前,浏览器会从网站服务器请求 HTML 文件和所有链接的资源文件。...有时客户端和服务器可以使用相同的编程语言(例如,客户端上的 JavaScript 和 React,服务器上的 JavaScript 和 Node.js),但也没必要。...这意味着理想情况下,从一个页面导航到另一个页面然后返回初始页面的用户不应该触发对初始页面所需数据的第二次请求。相反,它应该已经通过状态管理缓存在客户端上了。...当客户端应用程序在浏览器中渲染 Web 应用程序所需的一切时,服务器应用程序处理来自客户端的读取和写入数据的请求。 前端和后端 我们还没有讨论前端和后端这两个术语,因为我不想预先添加太多信息。

    4.2K10

    ICCV2021 | 参数量仅为原来1%,北邮等利用超分算法提出高性能视频传输方法

    这些 DNN 的方法将一整个视频平均分成一些视频段,然后传输低分辨率的视频段和其对应的 context-aware 模型到客户端,客户端用这些训练好的模型推理对应的低分辨率视频段。...与 WebRTC 等商业视频传输技术相比,这种基于 DNN 的视频传输系统取得了更好的性能。 尽管将 DNN 应用于视频传输很有前景,但现有方法仍然存在一些局限性。...尽管这些模型在不同的视频段上实现了过拟合,但该研究观察到它们的特征图之间存在线性关系,并且可以通过内容感知特征调制(CaFM)模块进行建模。...图 1 方法 神经网络视频传输是在传输互联网视频时利用 DNN 来节省带宽。与传统的视频传输系统不同,它们用低分辩率视频和内容感知模型取代了高分辨率视频。...如上图所示,整个过程包括三个阶段:(i)在服务器上对每个视频段的模型进行训练;(ii) 将低分辨率视频段与内容感知模型一起从服务器传送到客户端;(iii) 客户端上对低分辨率视频进行超分工作。

    46710

    深入探讨 Web 开发中的预渲染和 Hydration

    在本文中,我们将讨论预渲染和 Hydration,以及为什么在构建单页面应用程序时它们是很重要的特性。...为了理解这些概念,我们需要探究它们为什么被创建以及它们试图解决的问题 过去的 Web 开发:传统的 SSR 在传统 SSR 的时代,渲染和交互性是分开的。...随着像Vite和Create React App这样的工具链的加入,用于自动化现代 JavaScript 应用程序的设置,开发者们不再需要担心手动配置 Webpack。 实现 SPA 也存在一些缺点。...在 Hydration 过程中,React 将尝试将事件监听器附加到现有标记上,并接管在客户端上渲染应用程序的工作。...因为服务器和客户端渲染的 HTML 将包含一个空的date状态变量。

    17410

    WebDNN:浏览器上运行的最快DNN执行框架(Macbook也行)

    它会输出包含JavaScript和二进制权数据的“图形转译器”文件。只有应用开发者需要运行这一模型。...因此,DNN应用的产出会变得更为容易,不会像原生应用安装那么麻烦。 目前市面上存在着几种主流的浏览器,并且它们都有着能够用于加速的不同特性。...WebDNN使用了新一代的JavaScript API——包括用于GPU执行的WebGPU,以及用于CPU执行的WebAssembly。这些API能够帮助充分发挥GPU和CPU的能力。...针对推理阶段的专门优化 为了实现更快的执行过程,对DNN模型的计算图进行优化非常重要。DNN的执行包括两个阶段:训练阶段和推理阶段,并且它们需要不同的优化策略。...在每一个DNN模型及后端,WebDNN在速度上都比Keras.sj更快。当对图形转译器进行优化后,WebDNN的速度将得到进一步提升。 Demo WebDNN还有两个官方的Demo。

    1.1K60

    带你认识 flask ajax 异步请求

    在严格的客户端应用中,整个应用通过初始页面请求下载到客户端,然后应用完全在客户端上运行,只有在查询或者变更数据时才与服务器联系。...为了获得文本,我需要找到包含用户动态正文的DOM内的节点并获取它的内容。为了便于识别包含用户动态的DOM节点,我将为它们附加一个唯一的ID。...节点,我可以在用翻译后的文本替换翻译链接时用到它们 下一步是编写一个可以完成所有翻译工作的函数。...为了生成引用这个图像的URL,我使用url_for()函数,传递特殊的路由名称static并给出图像的文件名作为参数。...文件以包含这些新测试的翻译,不过我已经在本章的下载包或GitHub存储库中创建了西班牙语翻译。

    3.8K20

    如何构建一个多人(.io) Web 游戏,第 1 部分

    src/ 所有源代码都在 src/ 文件夹中。 client/ 和 server/ 很容易说明,shared/ 包含一个由 client 和 server 导入的常量文件。 2....[contenthash].ext' 捆绑文件名。它们包括 Webpack 文件名替换:[name] 将替换为入口点名称(这是game),[contenthash]将替换为文件内容的哈希。... 包含我们的 CSS bundle。 包含我们的 Javascript bundle。 主菜单,带有用户名 和 “PLAY” 。...我们在 firstServerTimestamp 中存储服务器时间戳,在 gameStart 中存储本地(客户端)时间戳。 哇,等一下。服务器上的时间不应该等于客户端上的时间吗?...为什么在“服务器时间戳”和“客户端时间戳”之间有区别?这是个好问题,读者们!事实证明,它们不一样。Date.now() 将根据客户端和服务器的本地因素返回不同的时间戳。

    1.4K10

    Web渲染那些事儿

    Rehydration:在客户端上“启动” JavaScript 视图,复用服务器渲染的HTML DOM树和数据。...server-rendering-tti.png 使用服务器渲染,用户不再需要在客户端上等待 CPU 相关的 JavaScript 处理后,然后才能访问站点。...许多现代框架、库和架构,使得在客户端和服务器上渲染相同的应用程序成为可能。这些技术可用于服务器渲染,但是要注意,在服务器和客户端上进行渲染的架构,都是各框架自家的解决方案,具有不同的性能特点和权衡。...Jekyl 和 Metalsmith 提供更多模板驱动的方法,更加符合它们的静态特质。 静态渲染的一个缺点是必须为每个可能的 URL 生成单独的 HTML 文件。...也许你自己也经历过这种情况——在页面看起来已经加载后的一段时间内,点击或触摸什么都没反应。这很快变得令人沮丧......“为什么没有反应? 为什么我不能滚动?

    1.9K30

    深度学习中,面对不可知攻击,如何才能做到防御「有的放矢」?

    但在对原始图像进行几个像素的变化处理后,使用同一个 DNN 无法正确分类处理后的对抗性图像,尽管人眼几乎看不出这些对抗性图像和原始图像的差别。...对于原始的 DNN 模型来说,大多数的攻击策略(尤其是 P - 和 C - 攻击)都取得了近乎完美的攻击成功率,这意味着 DNN 模型中普遍是存在漏洞的,无法有效抵御攻击。...图 9 显示了 Siren 的整体结构。在客户端上有两个过程,即训练过程和报警过程。Siren 在每个客户端上保留本地数据集的一小部分作为本地测试数据。...在每一轮通信中,每个客户端上的报警过程都使用本地权重和本地测试数据集检查全局权重。...如果一个客户端的计数大于阈值,那么服务器将不再接受来自该客户端的更新且不再检查,因为此时已经默认该客户端为恶意客户端。通过这种方法,服务器可以有效地节省计算资源,提高系统的稳定性。 奖励机制。

    88010

    JavaScript-设计模式·设计模式(上)

    ,来达到各种不同的缓动效果,这些算法都可以轻易地被替换为另外一个算法,这是策略模式的经典运用之一。...上面的预加载代码中,给 img 节点设置 src 和图片预加载这两个功能,被隔离在两个对象里,它们可以各自变化而不影响对方。何况就算有一天不再需要预加载,那么只需要改成请求本体而不是请求代理对象即可。...创建订阅者本身要消耗一定的时间和内存,而且订阅一个消息后,也许此消息最后都未发生,但这个订阅者会始终存在于内存中。...但是也可以定义一些更“聪明”的命令对象叫做智能命令,智能命令可以直接实现请求,不再需要接收者的存在。没有接收者的智能命令和策略模式非常相近,从代码结构上已经无法分辨它们,它们只有意图的不同。...然而在 JavaScript 这种动态类型语言中,对象的多态性是与生俱来的,JavaScript 中实现组合模式的难点在于要保证组合对象和叶对象对象拥有同样的方法,这通常需要用鸭子类型的思想对它们进行接口检查

    46730

    开源 | 浏览器上最快的DNN执行框架WebDNN:从基本特性到性能测评

    WebDNN 简介 最近,深度神经网络(DNN)在很多领域吸引了大量的关注,比如图像和视频识别、自然语言处理和游戏 AI 等。很多这些领域的产品都应用了 DNN。...而 WebDNN,作为另一条解决方案,高度优化了 DNN 模型,令其可在终端用户设备的网页浏览器上运行它们。...因此,它需要计算开销(overhead),而且它不能完全利用 CPU 的能力,同样的问题在 GPU 中也存在。现代网页浏览器支持 WebGL,即一个使用 GPU 的 JavaScript API。...该模块会产生「graph descriptor」文件,这个文件由 JavaScript 和二进制权数据组成。...该框架可以优化训练后的 DNN 模型,将模型数据进行压缩,从而加快执行速度。

    1.1K60

    神经网络似乎遵循一种令人费解的简单策略来对图像进行分类

    CNN非常擅长对乱序图像进行分类,但人类并非如此。 在这篇文章中,我将展示为什么最先进的深度神经网络仍能很好地识别乱码图像,以及这有助于揭示DNN似乎用来对自然图像进行分类的令人费解的简单策略。...好的ol'特色包模型 在过去,在深度学习之前,自然图像中的对象识别过去相当简单:定义一组关键视觉特征(“单词”),识别每个视觉特征在图像中的存在频率(“包”)和然后根据这些数字对图像进行分类。...在这种情况下,最后一个卷积层中的隐藏单元每个只“看到”图像的一小部分(即它们的感受野远小于图像的大小)。这避免了对图像的显式分区,并且尽可能接近标准CNN,同时仍然实现概述的策略。...它甚至可以解释一般的对抗性贴纸和对抗性扰动的存在:人们可以在图像中的任何地方放置误导信号,并且无论这些信号是否适合图像的其余部分,CNN仍然可以可靠地接收信号。...我们的工作核心是CNN利用自然图像中存在的许多弱统计规律进行分类,并且不会像人类一样跳向图像部分的对象级整合。其他任务和感官方式也是如此。

    42740

    MM2023 | Reparo:低速网络中通过智能帧恢复的QoE感知实时视频流传输

    部署在上传客户端和服务器上。Reparo步骤如下: 在上传客户端上,我们提取相邻帧之间的差异,并将其输入到一个视频帧丢弃(VFD)模型中。该模型确定其两个相邻帧之间的中间帧是否应该被丢弃。...在服务器端,视频帧解码后,运行基于DNN的插值,并且进行VFD模型的更新。 更新的VFD模型发送回上传客户端。...图 4:两种编码模式对比 媒体服务器设计 VFI processer VFI processer 实现了 VFI-DNN,将解码后的低帧率视频块恢复到它们原始的 25fps 帧率。...仅支持480p和720p,插帧算法 base 了AdaCoF。 文中测试了VFI-DNN 对不同计算资源的支持: 表 1:在插帧模型中删除一些卷积反卷积对,测试内存占用和性能。...仅VFI:上传客户端丢弃所有偶数索引帧,并利用VFI-DNN来重建这些丢失的帧。 仅VFD:上传客户端利用我们的VFD模型识别可能被丢弃的帧,但是这些帧被简单地替换为其前面的最后一帧。

    24910

    你的博客用不着什么JavaScript框架

    很有可能,你构建的第一个网页的性能要比之后构建的许多页面都要好得多——它由一个 HTML 文件和一些 CSS 组成,也许还有一些未优化的图像,但它们并不会阻止页面加载。...并非所有字节都是一样的:与同等大小的 JavaScript 文件解析、编译和执行所需的时间相比,图像解码和渲染到屏幕所需的时间要少得多。...我挑选了一些不需要添加客户端 JavaScript 也能添加功能的插件: 在帖子中显示代码段时,通常会包含特定于语言的语法高亮显示。...相比之下,Gatsby 中出色的 gatsby-image 插件可以生成延迟加载和响应式的图片元素,并能在加载全分辨率文件后在低分辨率或 SVG 版本的图像间平滑切换。...你可以随意在 markdown 文件中包含 nunjucks 标签,或将基于 yaml 的 frontmatter 换成 JavaScript,但这会破坏语法高亮显示、linting 和自动格式化。

    4.1K10

    教程 | face-api.js:在浏览器中进行人脸识别的JavaScript接口

    其中,模型的权重已经被量化,文件大小相对于初始模型减小了 75%,使你的客户端仅仅需要加载所需的最少的数据。...此外,模型的权重被分到了最大为 4 MB 的数据块中,使浏览器能够缓存这些文件,这样它们就只需要被加载一次。...模型文件可以直接作为你的 web 应用中的静态资源被使用,或者你可以将它们存放在另外的主机上,通过指定的路径或文件的 url 链接来加载。...如果这是你的目的,你可以参考 github repo 中的几个示例。 请注意,边界框和特征点的位置与原始图像/媒体文件的尺寸有关。...人脸识别 当我们知道了如何得到给定的图像中所有人脸的位置和描述符后,我们将得到一些每张图片显示一个人的图像,并且计算出它们的人脸描述符。这些描述符将作为我们的参考数据。

    7.5K21

    Web 应用架构的下一个转变

    MPA 我们编写的所有代码都存在于服务器上,只有客户端上的 UI反馈 代码由用户的浏览器处理。...但是,PEMPA 还将通过包含用于增强功能的 标签来加载客户端 JavaScript。...客户端代码需要以与后端代码在变更或客户端转换后渲染所有可能状态相同的方式更新 UI。后端拥有的 UI 必须在前端也可用。而且大多数情况下它们使用的是完全不同的语言,这使得代码复用困难。...在 SPA 的早期,HTML 文档几乎总是一个有效的空 HTML 文件,其中包含用于“挂载”应用程序的 。...通过使用一个既能在服务器渲染又能在客户端上进行交互/处理更新的UI库,我们就不存在代码重复的问题。 PESPA 您会注意到有一些用于数据获取、变更和渲染的小框。这些是用来增强的。

    1.2K10

    Astro是2023年最好的web框架,原因如下

    问题:JavaScript过多 在 Web 开发世界中,变化发生得非常快,尤其是对前端JavaScript开发者而言。 变化之快,以至于我们有时会忘记为谁创建网站和 web 应用:用户。...因此,我们越来越少地看到带有模板引擎的后端框架,尤其是在NodeJS中。 SEO(搜索引擎优化) SPA在客户端进行渲染,这意味着当像Google这样的搜索引擎爬虫来索引内容时,它们什么也看不到。...于是,针对这些网站找到了解决方案:SSG(静态站点生成器)和预渲染。 SSG在SPA成为一种事物之前就已经存在,但在上述问题出现后,它们变得越来越流行。 但是......它具有基于文件的路由,支持URL参数和查询 它具有图像优化和转换、Markdown支持(.md和.mdx)、前置内容支持 它具有CSS作用域支持、SASS支持 它具有脚本标签作用域和打包 它可以轻松集成自定义元素...,也就是Web组件 它具有图像甚至组件的懒加载 它具有静态API端点支持 它支持多种运行时:Node、Deno和Bun!

    45210

    Web 应用架构的下一个转变

    MPA 我们编写的所有代码都存在于服务器上,只有客户端上的 UI反馈 代码由用户的浏览器处理。...但是,PEMPA 还将通过包含用于增强功能的 标签来加载客户端 JavaScript。...客户端代码需要以与后端代码在变更或客户端转换后渲染所有可能状态相同的方式更新 UI。后端拥有的 UI 必须在前端也可用。而且大多数情况下它们使用的是完全不同的语言,这使得代码复用困难。...在 SPA 的早期,HTML 文档几乎总是一个有效的空 HTML 文件,其中包含用于“挂载”应用程序的 。...通过使用一个既能在服务器渲染又能在客户端上进行交互/处理更新的UI库,我们就不存在代码重复的问题。 PESPA 您会注意到有一些用于数据获取、变更和渲染的小框。这些是用来增强的。

    1.1K30

    OpenCV+深度学习预训练模型,简单搞定图像识别 | 教程

    /blog/333612/ 我认为,dnn模块会对OpenCV社区产生很大的影响。...函数和框架 在OpenCV中使用深度学习预训练模型,首先要安装OpenCV 3.3,安装过程量子位就不再详细描述了…… 下面是我们将用到的一些函数。...用OpenCV和深度学习给图像分类 接下来,我们来学习如何用Python、OpenCV和一个预训练过的Caffe模型来进行图像识别。...我们在创建参数之后,将它们解析并存在一个变量args中,供稍后使用。...接下来,加载输入图像和标签: 第20行从磁盘加载了图像,第23行和24行加载了这些标签: 搞定了标签之后,我们来看一下dnn模块: 注意上面代码中的注释,我们使用cv2.dnn.blobFromImage

    2.9K60
    领券