浏览器渲染原理
ArthurHsing
前端菜鸟
展开
-
v8引擎 隐藏类
国外的大佬写的国内的大佬写的原创 2021-01-25 14:10:04 · 298 阅读 · 0 评论 -
浏览器渲染中发生的事情
https://zhuanlan.zhihu.com/p/36700206原创 2020-12-19 16:10:38 · 126 阅读 · 1 评论 -
为什么要将css文件放在头部
原文原创 2020-12-14 21:37:23 · 553 阅读 · 0 评论 -
webpack生产环境将css文件单独分离的好处
webpack打包的过程中,有一个环节叫提取js中的css成单独文件。在这之前,是使用style-loader,这样引入js的时候,就会把样式插入到style当中。那么为什么要把css文件单独提取出来呢?我个人做了以下分析:将css文件单独提取出来,那么就可以先在页面的最前面引入这个单独的css文件,浏览器先解析了css文件就会生成cssom从而与dom tree生成渲染树从而以最快速度渲染出页面。如果放在js文件中,不仅会增加js文件体积,使js文件的下载时间延长,而且进行解析js文件往往都是在d原创 2020-12-09 17:48:30 · 1022 阅读 · 0 评论 -
前端优化之base64优缺点
原文原创 2020-12-08 20:54:29 · 514 阅读 · 0 评论 -
DOMContentLoaded和load的区别
原文转载 2020-12-02 21:23:25 · 203 阅读 · 0 评论 -
浏览器的线程有哪些
浏览器的渲染进程是多线程的。js是阻塞单线程的。浏览器包含有以下线程:1.GUI渲染线程负责渲染浏览器界面,解析HTML,CSS,构建DOM树和RenderObject树,布局和绘制等。当界面需要重绘(Repaint)或由于某种操作引发回流(reflow)时,该线程就会执行注意,GUI渲染线程与JS引擎线程是互斥的,当JS引擎执行时GUI线程会被挂起(相当于被冻结了),GUI更新会被保存在一个队列中等到JS引擎空闲时立即被执行。2.JS引擎线程也称为JS内核,负责处理Javascript脚本程转载 2020-12-02 21:06:02 · 2721 阅读 · 0 评论 -
浏览器加载、解析、渲染原理(转)
1. 用户输入网址(假设是个html页面,并且是第一次访问),浏览器向服务器发出请求,服务器返回html文件;2. 浏览器开始载入html代码,发现<head>标签内有一个<link>标签引用外部CSS文件;3. 浏览器又发出CSS文件的请求,服务器返回这个CSS文件;4. 浏览器继续载入html中<body>部分的代码,并且CSS文件已经拿到手了,可以开始渲染页面了;5. 浏览器在代码中发现一个<img>标签引用了一张图片,向服务器发出请求。此时浏览器不会等到图片下载完,而是继续渲染后面的代码;转载 2020-12-02 20:50:23 · 204 阅读 · 0 评论 -
html中的script标签defer与async的区别
思否原创 2020-12-01 11:10:13 · 159 阅读 · 0 评论 -
浏览器渲染原理
原创 2020-11-30 15:28:27 · 66 阅读 · 0 评论 -
DOM的回流和重绘
链接原创 2020-11-29 22:01:44 · 98 阅读 · 0 评论