
前端缓存机制学习专栏
文章平均质量分 93
欢迎来到前端缓存机制学习专栏。
@PHARAOH
努力输出系统性的WEB开发入门文章和成长感悟...觉得文章不错有收获的话,打赏激励一下博主吧。提供就业咨询服务!
展开
-
HOW - 如何实现一个组件Keep-Alive?
是一个内置组件,它的功能是在多个组件间动态切换时缓存被移除的组件实例。默认情况下,一个组件实例在被替换掉后会被销毁。这会导致它丢失其中所有已变化的状态——当这个组件再一次被显示时,会创建一个只带有初始状态的新实例。在切换时创建新的组件实例通常是有意义的,但在上述背景描述的场景中,我们的确想要组件能在被“切走”的时候保留它们的状态。要解决这个问题,我们可以用-- 非活跃的组件将会被缓存!原创 2025-03-21 15:14:07 · 1008 阅读 · 0 评论 -
WHAT - 浏览器缓存机制系列(二)
浏览器每次发起请求时,会先在浏览器缓存中查找请求的缓存结果和缓存标识。当浏览器第一次向服务器发起请求后,浏览器缓存肯定是没有对应缓存的,所以向服务器发起请求,服务器响应该请求,并返回请求结果和缓存规则,浏览器拿到响应后,将请求结果和缓存标识存入浏览器缓存。浏览器在后续加载对应资源时会根据第一次请求资源时返回的缓存标识来确定缓存规则。这就是强缓存和协商缓存。原创 2024-05-11 11:31:25 · 634 阅读 · 0 评论 -
WHAT - 浏览器缓存机制系列(一)
加载图片等类型的资源时的过程是异步的,这不影响页面渲染速度。但是,并不是加载所有的子资源都是异步的,比如解析 js 脚本或者发起 http 请求,都会使得 html 解析器立即停止,直至脚本执行完毕或请求资源全部返回才继续解析,有关浏览器组成和渲染过程,可以阅读(待补充)。上述的同步执行过程,严重的话会影响页面的渲染速度。对于一些 `静态资源` 或者 `较长时间才会更新的后台数据`,它们的更新频率是很低的,如果每次都发起网络请求,不仅性能低,还使得用户体验差,因此为了提高数据响应和页面渲染的性能。原创 2024-05-11 11:10:40 · 661 阅读 · 0 评论