摘要：
每个前端在第一次写一个完整功能的页面，都可能会是这个样子滴~ <html> <head> <link rel="stylesheet" href="test.css"> </head> <body> <div id="app"></div> <script src="test.js"></scrip 阅读全文
摘要：
浏览器如何渲染网页 要了解浏览器渲染页面的过程，首先得知道一个名词——关键渲染路径。关键渲染路径是指浏览器从最初接收请求来的HTML、CSS、javascript等资源，然后解析、构建树、渲染布局、绘制，最后呈现给用户能看到的界面这整个过程。 用户看到页面实际上可以分为两个阶段：页面内容加载完成和页 阅读全文
摘要：
一、浏览器渲染 开篇，我们还是不厌其烦的回顾一下浏览器的渲染过程，先上图： 正如上图所展示的，我们浏览器渲染过程分为了两条主线：其一，html Parser 生成的 DOM 树；其二，CSS Parser 生成的 Style Rules ； 在这之后，DOM 树与 Style Rules 会生成一个 阅读全文