浏览器原理
5篇文章 · 0订阅
  • 图解 HTTP 缓存
    HTTP 的缓存机制，可以说这是前端工程师需要掌握的重要知识点之一。本文将针对 HTTP 缓存整体的流程做一个详细的讲解，争取做到大家读完整篇文章后，对缓存有一个整体的了解。 HTTP 缓存分为 2 种，一种是强缓存，另一种是协商缓存。主要作用是可以加快资源获取速度，提升用户体…
    前端 HTTP
    图解 HTTP 缓存
  • 从Chrome源码看事件循环
    我们经常说JS的事件循环有微观队列和宏观队列，所有的异步事件都会放到这两个队列里面等待执行，并且微观任务要先于宏观任务执行。实际上事件循环是多线程的一种工作方式。通常为了提高运行效率会新起一条或多条线程进行并行运算，然后算完了就告知结果并退出，但是有时候并不想每次都新起线程，而…
    JavaScript Chrome Promise
  • 浏览器渲染过程与性能优化
    大家都知道万维网的应用层使用了HTTP协议，并且用浏览器作为入口访问网络上的资源。用户在使用浏览器访问一个网站时需要先通过HTTP协议向服务器发送请求，之后服务器返回HTML文件与响应信息。这时，浏览器会根据HTML文件来进行解析与渲染（该阶段还包括向服务器请求非内联的CSS文…
    Chrome HTML CSS
    浏览器渲染过程与性能优化
  • 原来 CSS 与 JS 是这样阻塞 DOM 解析和渲染的
    hello~各位亲爱的看官老爷们大家好。估计大家都听过，尽量将CSS放头部，JS放底部，这样可以提高页面的性能。然而，为什么呢？大家有考虑过么？很长一段时间，我都是知其然而不知其所以然，强行背下来应付考核当然可以，但实际应用中必然一塌糊涂。因此洗（wang）心（yang）革（b…
    CSS JavaScript
  • f5到底刷新了点什么，你知道吗
    前面翻到了http缓存相关内容，关于强制缓存和协商缓存，他们之间的差别可能大家比较清楚。 相关文章多且全，这里不再赘述。 本文就会去探究下不同行为下的浏览器缓存表现。也就是f5到底刷新了哪些内容 Cache-Control、Expires、ETag、If-Match、If-No…
    JavaScript 前端 浏览器