1、问题描述 前几天又遇到个神奇Bug，公司某系统的页面出现点击按钮没有反应的问题，反馈问题的用户能稳定复现，技术团队无法复现。 浏览器为 Chrome 115，控制台可见大量 iframe跨域 报错，具...

V8内存管理 程序运行需要分配内存 V8也会申请内存，申请的内存又会分为堆内存和栈内存 栈 栈用于存放JS中的基本类型和引用类型指针 栈的空间是连续的，增加删除只需要移动指针，操作速度非常快 ...

前言 上文我们了解到浏览器内核其实是有渲染引擎和JS引擎构成，那么渲染引擎都干了哪些事情呢？以Google浏览器为例，当我们打开浏览器，输入相应的URL后，浏览器中的网络进程完成对网络资源的加...

现代网页使用的外部脚本和资源比以往任何时候都要多。默认情况下，JavaScript 遵循同源策略，只能调用与运行脚本相同域的 URL。那么，我们如何让我们的 JavaScript 强化页面使用外部脚本呢？ CO...

前言 浏览器渲染原理作为前端必须要了解的知识点之一，在面试中经常会被问到。在一些前端书籍或者培训课程里也会经常被提及，比如 MDN 文档中就有渲染原理的相关描述。 作为一名工作多年的前端...

前言 在互联网时代，页面加载速度对于用户体验至关重要。特别是在微前端架构下，更快的性能和加载速度是我们不懈追求的目标。正因如此，浏览器缓存优化方案成为了备受关注的话题。 经过对浏览器...

setTimeout 和 XMLHttpRequest 是事件循环的两种不同类型的应用，非常典型。 function showName(){ console.log('极客时间') } var timerID = setTimeout(showName,200);// 指定showName在xx毫...

前面的总结： 每个渲染进程都有一个主线程，处理 DOM、计算样式、处理布局，还要处理同步/异步 JS 任务和各种输入事件。要让这些不同类型的任务在主线程中有条不紊地执行，需要一个统筹调度系统...

新兴浏览器公司 The Browser Company 在2023年7月25日 发布了 Arc 1.0，全面向公众开放，可以直接下载使用。下载地址: Arc from The Browser Company Arc 介绍 Arc 浏览器其实早在 2021年便开始...

前言 Performance 可以记录站点在运行过程中的性能数据，有了这些性能数据，我们就可以回放整个页面的执行过程，这样就方便我们来定位和诊断每个时间段内页面的运行情况，从而有效帮助我们找出...

在本教程中，我们将介绍Web Workers，并演示如何使用它们来解决执行速度问题。 在浏览器和服务器上，JavaScript程序在单个处理线程上运行。这意味着程序一次只能做一件事。简单来说，你的新电脑...

曾国藩,左宗棠,彭玉麟 并称大清三杰曾国藩,左宗棠,彭玉麟,胡林翼并称中兴四大名臣 -<曾国藩传> 大家好，我是柒八九。 前言 最近,北京突发暴雨.部分地区,遭受洪灾,猛然发现,人在大自然中是...

参与《深入浅出微前端》小册分销，瓜分现金奖励?，活动详情戳>>juejin.cn/post/726258… 掌握微前端，就等于掌握了相对全面的前端知识体系！ 微前端的概念源自于微服务，主要目的是降低大...

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第8天，点击查看活动详情 前言 浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的。 在...

凡所执念，皆成束缚 --《佛经》 大家好，我是柒八九。 前言 今天我们来聊聊另外一个比较重要的性能指标TTI。 如果想了解该系列文章(浏览器底层原理&优化方案)，可以参考我们已经发布的文章...

Hello大家好，我是小蓝，又到了继续和大家分享技术内容的时间，今天的主题是“浏览器的渲染原理” 觉得有用的小伙伴们记得给小蓝一个赞哟~~ 网页被解析的过程 一个网页url从输入到展示到浏览器...