浏览器
5篇文章 · 0订阅
  • 浏览器重绘(repaint)重排(reflow)与优化[浏览器机制]
    很多人都知道要减少浏览器的重排和重绘，但对其中的具体原理以及如何具体操作并不是很了解，当突然提起这个话题的时候，还是会一脸懵逼。希望大家可以耐着性子阅读本文，仔细琢磨，彻底掌握这个知识点！ 第四步和第五步是最耗时的部分，这两步合起来，就是我们通常所说的渲染。 网页生成的时候，至…
    前端 浏览器
    浏览器重绘(repaint)重排(reflow)与优化[浏览器机制]
  • 浏览器的回流与重绘 (Reflow & Repaint)
    浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点…
    浏览器 前端 JavaScript
  • 金九银十，初中级前端面试复习总结「浏览器、HTTP、前端安全」
    字节流解码。浏览器获得字节数据，根据字节编码将字节流解码，转换为代码。 输入流预处理。字符数据进行统一格式化。 令牌化。从输入流中提取可识别的子串和标记符号。可以理解为对HTML解析，进行词法分析，匹配标签生成令牌结构。 构建DOM树、构建CSSOM树。DOM树和CSSOM树的…
    浏览器
  • 「浏览器工作原理」写给女友的秘籍-浏览器组成&网络请求篇（1.2W字)
    想要成为一名合格的前端工程师，掌握相关浏览器的工作原理是必备的，这样子才会有一个完整知识体系，要是「能参透浏览器的工作原理，你就能解决80%的前端难题」。 要介绍进程与线程的话，需要先讲解下并行处理，了解了并行处理的概念，再理解进程和线程之间的关系就会变得轻松许多。 计算机中的…
    浏览器
    「浏览器工作原理」写给女友的秘籍-浏览器组成&网络请求篇（1.2W字)
  • 面试官：浏览器输入URL后发生了什么？
    在网络世界，你肯定记得住网站的名称，但是很难记住网站的 IP 地址，因而也需要一个地址簿，就是 DNS 服务器。DNS 服务器是高可用、高并发和分布式的，它是树状结构，如图： 在客户端输入 URL 后，会有一个递归查找的过程，从浏览器缓存中查找->本地的hosts文件查找->找…
    浏览器
    面试官：浏览器输入URL后发生了什么？