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

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

前言 HTTP请求基础几乎是每一位软件开发者必备的知识点，大部分呈现给用户的页面/数据都是从远程服务器拉取，故我们需要对这块的知识有一定了解 本文阅读成本与收益如下： 阅读耗时：10mins 全...

前言 昨天开会和小伙伴聊到 Img引入图片报跨域的问题了。 刚听到这个问题，我沉思了，Img标签怎么会跨域？？？这让我感觉我好像还是不怎么了解同源策略和cors 我心理的想法如下： 1， Img标签里...

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

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

浏览器作为我们经常使用的软件,你是否有认真想过,当我们在浏览器中输入一个 URL 或者直接点开一个 URL 后,就可以看到网页内容了。它为什么能显示出来,你是否有考虑过,你是否清楚地知道它背后都...

缓存是我们日常开发中经常会接触到的一个重要概念，也是我们优化性能的一个利器。常用的场景比如在页面的某个不经常更新的图片，或者是页面用到的各种静态资源我们都可以将其进行缓存。这样，浏...

成长第一课：你没那么多观众，不必过多在意别人的眼光 大家好，我是柒八九。 前言 在前几天，我们写了，关于如何利用fetchpriority对页面资源进行优先级的处理。 然后，我也承诺大家也会有关于...

前言 每次遇到浏览器的返回问题，就很麻烦。因为安卓ios的返回机制往往有区别，又因为h5常常是作为混合开发内嵌在app中，不同的app中表现形式又不一样,而且业务需求总是需要各种无厘头的跳转和...

认识你自己很难，但认识你自己的时间，却是每个人都能做到的 -- 彼得·德鲁克 大家好，我是柒八九。 前言 最近，公司在做技术改造升级，老旧项目优化。因为是B端项目居多，所以优化方向也是基于...

在安装好 Mock:Intercept and directly return data 插件后（如何安装？），接下来对插件的具体功能进行详细的介绍。 支持情况 可以 Mock 哪些接口？ 使用 XMLHttpRequest 请求的接口。 使用 fe...

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

在这两天里看到一篇文章,发现好像很多人都把事件循环给搞混了,到底是宏任务先执行还是微任务先执行。在写这篇文章之前,我也随机挑选了几位幸运观众来问这个问题,好像大多都是说微任务先执行。 ...

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

Hi 大家好，这里是 探索现代浏览器 专栏的第三篇。 在上一篇中，我们探讨了浏览器导航的过程，其中 Step5 浏览器进程会 提交导航 给 渲染进程 去做页面渲染。那么今天我们就来探讨另一个经典...

浏览器发展 单进程 => 多进程（主进程+渲染进程[多个]+插件[多个]+网络+GPU）=> 面向服务 chrome默认策略是每创建一个Tab就创建一个进程，但是还有“同一站点（process-per-site-instance...

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