Skip to content

[软技能] 第84天 刷新和强制刷新有什么区别?说说你对两者的理解 #591

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

第84天 刷新和强制刷新有什么区别?说说你对两者的理解

Activity

nowherebutup

nowherebutup commented on Jul 9, 2019

@nowherebutup
  • 刷新: 若页面之前访问过,可以读取缓存的内容
  • 强制刷新: 当前页面不读取缓存的内容,所有的内容必须从服务器获取
dondonZh

dondonZh commented on Jul 9, 2019

@dondonZh

摘自博客:从 http 协议的角度来看
F5 和 Ctrl+R 都是普通刷新,若页面之前访问过,就会发一个空请求到服务器,服务器返回 302 ,表示资源未更新,可以使用浏览器缓存。
强制刷新 (ctrl+F5) 则不管浏览器是否缓存,都要重新去源站服务器请求资源,成功则返回 200。
可以使用 chrome 开发工具查看具体过程,大概是这样一个流程,实际讲起来更复杂。

daisybaicai

daisybaicai commented on Jul 9, 2019

@daisybaicai

是否读取缓存

pokerLife

pokerLife commented on Jul 9, 2019

@pokerLife

F5、Ctrl+F5、Ctrl+Alt+R

AnsonZnl

AnsonZnl commented on Jul 9, 2019

@AnsonZnl
Contributor

摘自博客:从 http 协议的角度来看
F5 和 Ctrl+R 都是普通刷新,若页面之前访问过,就会发一个空请求到服务器,服务器返回 302 ,表示资源未更新,可以使用浏览器缓存。
强制刷新 (ctrl+F5) 则不管浏览器是否缓存,都要重新去源站服务器请求资源,成功则返回 200。
可以使用 chrome 开发工具查看具体过程,大概是这样一个流程,实际讲起来更复杂。

是如果浏览器缓存未过期,服务端则返回304。

jiamianmao

jiamianmao commented on Aug 13, 2019

@jiamianmao

摘自博客:从 http 协议的角度来看
F5 和 Ctrl+R 都是普通刷新,若页面之前访问过,就会发一个空请求到服务器,服务器返回 302 ,表示资源未更新,可以使用浏览器缓存。
强制刷新 (ctrl+F5) 则不管浏览器是否缓存,都要重新去源站服务器请求资源,成功则返回 200。
可以使用 chrome 开发工具查看具体过程,大概是这样一个流程,实际讲起来更复杂。

302 是暂时重定向。比如在 CORS 项目中,前端发出一个非简单请求的时候,浏览器会预先发送一个 options 请求,response 一般都是200 或者 302。

而浏览器缓存相关的状态码通常是304(代表资源未更新)或者 200(from cache)

性能优化——浏览器的缓存策略

smile-2008

smile-2008 commented on Feb 24, 2021

@smile-2008

摘自博客:从 http 协议的角度来看
F5 和 Ctrl+R 都是普通刷新,若页面之前访问过,就会发一个空请求到服务器,服务器返回 302 ,表示资源未更新,可以使用浏览器缓存。
强制刷新 (ctrl+F5) 则不管浏览器是否缓存,都要重新去源站服务器请求资源,成功则返回 200。
可以使用 chrome 开发工具查看具体过程,大概是这样一个流程,实际讲起来更复杂。

是如果浏览器缓存未过期,服务端则返回304。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @smile-2008@haizhilin2013@jiamianmao@dondonZh@pokerLife

        Issue actions

          [软技能] 第84天 刷新和强制刷新有什么区别?说说你对两者的理解 · Issue #591 · haizlin/fe-interview