文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

如何让浏览器不缓存文件

对于GET和HEAD请求方法来说，当且仅当服务器上没有任何资源的ETag属性值与这个首部中列出的相匹配的时候，服务器端才会返回所请求的资源，响应码为200。...对于其他方法来说，当且仅当最终确认没有已存在的资源的ETag属性值与这个首部中所列出的相匹配的时候，才会对请求进行相应的处理。.../js/jquery.min.js?...但是配置文件会很庞大，不适合放在.env文件中，所以该方案放弃。 Vite针对静态资源的处理，提供了public指定目录。可以将资源放在指定的public目录中，它应位于你的项目根目录。...该目录中的资源在开发时能直接通过 / 根路径访问到，并且打包时会被完整复制到目标目录的根目录下。

3.5K30

学会webpack 高级配置与优化

/src 目录作为模块的搜索目录，所以 index.js 中可以只写模块名即可搜索到 foo.js 模块 2、alias: 用于给路径或者文件取别名，当 import 或者 require 的模块的路径非常长时...为了更清楚的展示 noParse 的作用，假设我们在入口文件 index.js 中引入 bar.js 模块，同时这个 bar.js 模块中也引入了 foo.js 模块，foo.js 不再依赖其他模块了，...要打包的文件非常多的时候才需要使用 happypack 进行优化，因为开启多进程也是需要耗时间的，所以文件少的时候，使用 happypack 返回更耗时 5、抽离公共模块: 对于多入口情况，如果某个或某些模块...当然仅仅开启模块热更新是不够的，我们需要做一些类似监听的操作，当监听的模块发生变化的时候，重新加载该模块并执行，如: module.exports = { devServer: {.../foo"); // 重新引入该模块并执行 console.log(foo); }); } 如果不使用 module.hot.accept 监听，那么当修改 foo 模块的时候还是会刷新页面的

1K30
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    webpack 高级配置与优化，让你的项目飞起来

    /src 目录作为模块的搜索目录，所以 index.js 中可以只写模块名即可搜索到 foo.js 模块 2、alias: 用于给路径或者文件取别名，当 import 或者 require 的模块的路径非常长时...为了更清楚的展示 noParse 的作用，假设我们在入口文件 index.js 中引入 bar.js 模块，同时这个 bar.js 模块中也引入了 foo.js 模块，foo.js 不再依赖其他模块了，...要打包的文件非常多的时候才需要使用 happypack 进行优化，因为开启多进程也是需要耗时间的，所以文件少的时候，使用 happypack 返回更耗时 5、抽离公共模块: 对于多入口情况，如果某个或某些模块...当然仅仅开启模块热更新是不够的，我们需要做一些类似监听的操作，当监听的模块发生变化的时候，重新加载该模块并执行，如: module.exports = { devServer: {.../foo"); // 重新引入该模块并执行 console.log(foo); });} 如果不使用 module.hot.accept 监听，那么当修改 foo 模块的时候还是会刷新页面的

    1.3K30

    一文读懂浏览器缓存

    降低服务器压力：给网络资源设定有效期之后，用户可以重复使用本地的缓存，减少对源服务器的请求，降低服务器的压力。 缓存读写顺序 当浏览器对一个资源（比如一个外链的 a.js）进行请求的时候会发生什么？...中读取的，亦或者是服务器返回的。...强缓存可以直接从缓存中读取资源返回给浏览器而不需要向服务器发送请求，而协商缓存是当强缓存失效后（过了过期时间），浏览器需要携带缓存标识向服务器发送请求，服务器根据缓存标识决定是否使用缓存的过程。...而浏览器缓存标识可以是：Last-Modified 和 ETag： Last-Modified 资源的最后修改时间；第一次请求的时候，响应头会返回该字段告知浏览器资源的最后一次修改时间；浏览器会将值和资源存在缓存中...缓存应用 静态资源 比如页面引入了一个 JQuery，对于页面来说这个脚本就是一个工具库，基本上是不会发生变化的，对于这种资源可以将它的缓存时间设置得长一点，比如如下这个地址的脚本： <script src

    65920

    使用脚本操作UpdatePanel中控件的问题

    假设有一个脚本（用js或者jQuery等类似手段编写），为UpdatePanel中的一个普通的TextBox赋值。...这个页面在初次加载的时候自然随着整个页面的刷新加载而加载，因此作用于页面级别的jQuery代码可以起到作用。...但是等到点击button之后，仅仅是UpdatePanel中的内部内容刷新了，整个页面根本不刷新（换句话说，整个页面的jQuery根本没有执行）。因此没有任何作用了。 　　...同样地，这两个事件： 　【相同点】一旦页面刷新，或者点击Submit页面导致整个页面回发，或者位于UpdatePanel中的按钮导致局部页回发，Page_Load和add_load照样执行。 　...【结论】 1、Application一般用于整个页面（凡是页面刷新或者回传，都会导致此事件发作）。Init只发生一次。load可以多次发生。

    2.3K100

    Vue3 watch 与 watchEffect

    watch() 默认是懒侦听的，即仅在侦听源发生变化时才执行回调函数。...该回调函数会在副作用下一次重新执行前调用，可以用来清除无效的副作用，例如等待中的异步请求。当侦听多个来源时，回调函数接受两个数组，分别对应来源数组中的新值和旧值。...watchEffect 接受两个参数第一个参数第一个参数是数据发生变化时执行的回调函数当监听的值发生变化时，会自动再次执行以下回调函数watchEffect(() => { //监听objData.str...:stop()注意注意：watchEffect 仅会在其同步执行期间，才追踪依赖。...---->watchEffect，则会在副作用发生期间追踪依赖。它会在同步执行过程中，自动追踪所有能访问到的响应式属性。这更方便，而且代码往往更简洁，但有时其响应性依赖关系会不那么明确。

    79500

    【Webpack】373- 一看就懂之 webpack 高级配置与优化

    /src 目录作为模块的搜索目录，所以 index.js 中可以只写模块名即可搜索到 foo.js 模块 2、alias: 用于给路径或者文件取别名，当 import 或者 require 的模块的路径非常长时...为了更清楚的展示 noParse 的作用，假设我们在入口文件 index.js 中引入 bar.js 模块，同时这个 bar.js 模块中也引入了 foo.js 模块，foo.js 不再依赖其他模块了，...，即优先抽离出 jquery，如: 这样就会在 common 目录下同时抽离出 foo.js 和 jquery.js 了，需要注意的是，代码的抽离必须是该模块没有被排除打包，即该模块会被打包进输出 bundle...6、按需加载，即在需要使用的时候才打包输出，webpack 提供了 import() 方法，传入要动态加载的模块，来动态加载指定的模块，当 webpack 遇到 import()语句的时候，不会立即去加载该模块...当然仅仅开启模块热更新是不够的，我们需要做一些类似监听的操作，当监听的模块发生变化的时候，重新加载该模块并执行，如: 如果不使用 module.hot.accept 监听，那么当修改 foo 模块的时候还是会刷新页面的

    1.4K30

    用这个库 3 分钟实现让你满意的表格功能：Bootstrap-Table

    客户端：通过数据接口将服务器需要加载的数据一次性展现出来，然后装换成 json 然后生成 table。我们可以自己定义显示行数，分页等，此时就不再会向服务器发送请求了。...服务器：根据设定的每页记录数和当前显示页，发送数据到服务器进行查询。 三、实战操作 Tips： 解释说明均在代码中以注释方式展示，请大家注意阅读。...该库还有很多好玩的功能等着大家去发现，正所谓师父领进门修行靠个人～ 3.2 拆解讲解 下面对关键点进行阐述，为了更方便使用的小伙伴清楚插件的用法。 3.2.1 初始化部分 选择需要初始化表格。...Key title 是表格头显示的内容 formatter 是一个函数类型，当我们对数据内容需要修改时会用它。...这是表加载时状态自动刷新 autoRefreshInterval: 60, //每次发生自动刷新的时间（以秒为单位） autoRefreshSilent: true //设置为静默自动刷新

    3.4K30

    Rclone中文文档

    当远程不支持设置修改时间并且需要比仅检查文件大小更准确的同步时，这非常有用。 当在对象上存储相同散列类型的远程之间进行传输时，这非常有用，例如Drive和Swift。...需要注意的是，当使用积压时，它将以数字N单位kb的内存顺序完成。 设置N的值越大则rclone可以能够更准确地计算待处理文件的数量，并能够更精准地预估完成时间。...如果你不确定会发生什么，请先使用–dry-run进行测试。 3.25 –max-transfer=SIZE 设定传输的最大值，rclone当达到指定的大小时，它将停止传输，并将退出代码标记为8。...当转移到不直接支持MOD时间的云存储时，这很有用，因为它比–size-only检查更准确，比使用–checksum更快。...默认情况下，当操作modtime时，它将进行API调用以检索元数据。 使用此参数，可以禁用额外的API调有用，而是依赖服务器的修改时间。

    23.2K53

    浏览器缓存机制浅析

    有两种方式，第一种在上一次服务端告诉客户端约定的有效期的同时，告诉客户端该文件最后 修改的时间，当再次试图从服务端下载该文件的时候，check下该文件有没有更新（对比最后修改时间），如果没有，则读取缓存...需要注意的是，浏览器会在第一次请求完服务器后得到响应，我们可以在服务器中设置这些响应，从而达到在以后的请求中尽量减少甚至不从服务器获取资源的目的。浏览器是依靠请求和响应中的的头信息来控制缓存的。...然后我在主页按下ctrl+r刷新，因为ctrl+r会默认跳过max-age和Expires的检验直接去向服务器发送请求（下文再探讨各种刷新后如何读取缓存），我们看看请求截图： ?...如果某些文件会被定期生成，但有时内容并没有任何变化（仅仅改变了时间），但Last-Modified却改变了，导致文件没法使用缓存 有可能存在服务器没有准确获取文件修改时间，或者与代理服务器时间不一致等情形...304还是200；而当用户使用Ctrl+F5进行强制刷新的时候，只是所有 的缓存机制都将失效，重新从服务器拉去资源。

    1.1K40

    HTTP缓存

    "public" ; 资源仅被客户端缓存，不允许代理服务器缓存 | "private" [ "=" 1#field-name ] ; 不先回源检查的话，不允许复用资源...; 不允许使用过期的资源，一旦过期，必须回源验证（即使客户端愿意接受过期资源） | "must-revalidate" ; 依赖public，类似于must-revalidate，仅适用于代理服务器...，缓存生效时走强缓存，不发请求，缓存失效后才走协商缓存，发请求询问资源更新与否 强缓存 响应内容命中强缓存后，缓存有效期内，浏览器不会向server发起请求，而是直接从本地缓存（disk cache或memory...:max-age=0 要求代理服务器检查缓存是否过期 P.S.普通刷新行为发生时，浏览器一定会发起请求，即便资源缓存仍然有效，理应处于强缓存状态。...相当于全都走强制刷新，包括关联资源 P.S.Cache-Control:max-age=0，Pragma:no-cache的具体行为依赖server实现，实际上代理服务器不一定会回源或者检查过期 参考资料

    1.1K30

    萌新必看——10种客户端存储哪家强，一文读尽！

    使用场景 当数据并不需要发送到web服务器或者并不需要数据内容时，只需要在浏览器中存储和操作数据（也叫客户端）会用到数据持久，而需要在浏览器中存储和操作数据具体包括以下几种情况： 保留客户端应用程序的状态...优势 可以在JavaScript或HTML中定义值，例如 用于存储特定组件的状态 DOM速度过快 缺点 易碎：刷新或关闭当前内容会清除所有内容（除非服务器将值传递到HTML中）...优势 简单名称/值对API 有会话和持久存储选项 良好的浏览器支持 缺点 仅字符串：需要序列化和反序列化 无事务、索引或搜索的非结构化数据 同步访问将影响大型数据集的性能 Web存储非常适合于更简单、...优势 web应用程序可以安全地读取和写入本地文件 不需要在服务器上上传文件或处理数据 缺点 只有最低限度的浏览器支持（仅限Chrome） API会发生更改 这种储存方式的优势几乎是压倒性的 文件和目录项...为了解决复杂web应用程序中的不同情况，我们需要学习更多API才行。根据不同情况因地制宜，灵活运用将会更加高效的解决问题。

    3.3K10

    你真的了解 Web 缓存体系吗？

    我们可以看到这个tmpfs，是系统默认的，是32G，使用率12k，这个时候我仅需放81兆文件，你会马上发现dev/shm目录就占用81兆，可用内存同62237变成62156，共享内存从42变成123。...为什么我们打开网页会慢 问题一、当遇到阻塞的时候网页打开慢 当遇到什么情况下会阻塞？...现在我点击刷新按钮，你会发现Web服务器返回了304，这就是基于最后修改时间的缓存协商。这个时候请求头请求的时候怎么请求呢？...4.3 你真的会刷新吗？ 如果有了这些缓存，我们就来看一下到底会不会使用浏览器刷新。比如火狐浏览器有一个刷新按钮，你按刷新按钮的时候，这个时候对于基于最后修改时间和打标签的方式就会受影响。...你做一个小系统，你直接调CDN做缓存刷新也是可以的，就比较费劲了，这个就看需求。 5、关于工作中的一些感悟 我看大家在座的都工作时间比较久，大家可以想工作时间早和工作时间久回答问题发生什么变化。

    1.5K10

    维护了这么久的服务器，你真的认识 Web 缓存体系？

    我们可以看到这个tmpfs，是系统默认的，是32G，使用率12k，这个时候我仅需放81兆文件，你会马上发现dev/shm目录就占用81兆，可用内存同62237变成62156，共享内存从42变成123。...为什么我们打开网页会慢 问题一、当遇到阻塞的时候网页打开慢 当遇到什么情况下会阻塞？...现在我点击刷新按钮，你会发现Web服务器返回了304，这就是基于最后修改时间的缓存协商。这个时候请求头请求的时候怎么请求呢？...4.3 你真的会刷新吗？ ? 如果有了这些缓存，我们就来看一下到底会不会使用浏览器刷新。比如火狐浏览器有一个刷新按钮，你按刷新按钮的时候，这个时候对于基于最后修改时间和打标签的方式就会受影响。...你做一个小系统，你直接调CDN做缓存刷新也是可以的，就比较费劲了，这个就看需求。 5、关于工作中的一些感悟 我看大家在座的都工作时间比较久，大家可以想工作时间早和工作时间久回答问题发生什么变化。

    2K80

    【Nginx12】Nginx学习：HTTP核心模块（九）浏览器缓存与try_files

    时，才返回 200 。...Etag 最主要解决的其实是 if_modified_since 的一些缺点，比如说有些时候可能我们只是周期性地修改一下文件，但文件内容不发生变化（只是文件修改时间变动），这时其实可以不用重新 200...还有一种情况就是某些服务器不能精确的得到文件的最后修改时间，这也会导致 if_modified_since 产生问题，更典型的就是客户端时间和服务器时间不同步，比如有的人的电脑可能时间一直就是错的。...不过这个变量的值可能会随着请求的处理过程而改变，比如，当进行内部跳转时，或者使用默认页文件时。...如果我们创建 tf4 目录，并且添加一个 1.php ，并打印 echo "this is tf4/1.php."; 那么，再次刷新，页面就会展示 this is tf4/1.php. 。

    88430

    《告别手动编译！makemakefile 一键构建》

    专栏特色： 图解+实战：用最直观的方式拆解Linux核心机制 从应用到底层：覆盖Shell脚本、系统调优、内核模块开发 真实场景：每篇附服务器运维/开发中的实际问题解决方案 学习建议： 1️⃣ 先动手尝试...一个工程的源文件不计其数，按照其类型、功能、模块分别放在若干个目录当中，Makefile定义了一系列的规则来指定：哪些文件需要先编译，哪些文件需要后编译，甚至于进行更复杂的功能操作。...内容修改与属性变更的关联性 当文件内容发生增删改时，通常会导致文件大小的变化，这种内容层面的修改（Modify时间更新）必然触发文件属性的同步变更（Change时间随之更新），二者存在因果关系。...为此，系统采用延迟更新策略：通过内存计数器累计访问次数，仅当达到阈值时才实际更新磁盘上的Access时间戳，以此平衡准确性与I/O效率。...观察下图，test.c的文件内容的修改时间要老于可执行文件的修改时间，所以这时候不能使用make再次形成可执行文件 同时我们还可以使用touch指令更新时间，当touch后是一个不存在的文件的时候

    21110

    使用SignalR和SQLTableDependency进行记录更改的SQL Server通知

    介绍 SqlTableDependency是一个类，用于在指定查询的结果集由于对数据库表执行的任何insert，update或者delete操作而更改时接收通知。...因此，假设我们要在网页上显示股票值，则对于收到的每个通知，我们都必须执行一个新的完整查询以刷新缓存，然后刷新浏览器。...但是，如果我们愿意的话，一旦某一股票值发生变化，浏览器便会立即显示新的值，而无需刷新？理想情况下，我们想要的是直接从Web服务器接收通知，而没有来自浏览器的任何轮询系统，也没有拉到数据库表。...我们不能将这些函数放在Hub类中，因为Hub实例是瞬时的。Hub将为集线器上的每个操作创建一个类实例，例如从客户端到服务器的连接和调用。...修改表中的任何数据以在HTML页面上立即获得通知。

    2.2K20

    浅谈浏览器HTTP的缓存机制

    Pragma 当该字段值为“no-cache”的时候（事实上现在RFC中也仅标明该可选值），会知会客户端不要对该资源读缓存，即每次都得向服务器发一次请求才行。...31 Mar 2016 07:07:52 GMT 该请求首部告诉服务器如果客户端传来的最后修改时间与服务器上的一致，则直接回送304 和响应报头即可。...需要注意的是，如果资源是走分布式服务器（比如CDN）存储的情况，需要这些服务器上计算ETag唯一值的算法保持一致，才不会导致明明同一个文件，在服务器A和服务器B上生成的ETag却不一样。...上图的前三条请求是原始请求，接着的三条请求是刷新页面后的新请求，在发新请求之前我们修改了 reset.css 文件，所以它的 Last-Modified 和 ETag 均发生了改变，服务器因此返回了新的文件给客户端...我们在上面那张博客园首页报文截图的同个场景下，看看某个文件（jQuery.js）命中代理服务器缓存的回包数据： ?

    92620

    HTTP 缓存控制总结

    1.Pragma 当该字段值为no-cache的时候（事实上现在RFC中也仅标明该可选值），会知会客户端不要对该资源读缓存，即每次都得向服务器发一次请求才行。 举个例子： ?...需要注意的是，如果资源是走分布式服务器（比如CDN）存储的情况，需要这些服务器上计算ETag唯一值的算法保持一致，才不会导致明明同一个文件，在服务器A和服务器B上生成的ETag却不一样。...用户刷新/访问行为 我们可以把刷新/访问界面的手段分成三类： 在URI输入栏中输入然后回车/通过书签访问 F5/点击工具栏中的刷新按钮/右键菜单重新加载 Ctl+F5 在浏览器中，有时候你会发现通过不同的手段访问...而当资源发生比那话后，返回和第一次请求时类似。从而保证不向客户端重复发出资源，也保证当服务器有变化时，客户端能够得到最新的资源。...可以看到上面的例子中有不同的做法，有的在URI后面加上了md5参数，有的将md5值作为文件名的一部分，有的将资源放在特性版本的目录中。

    79031
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券