woohoofoo

🔞 四千年一遇！绝世美女 Tabpable 的致命诱惑！ 当我们编写自定义 Plugin 时，我们会在 Compiler 对象暴露的钩子上注册事件，然后在 webpack...

网页开发中我们经常要处理用户交互，我们会用 addEventListener 添加事件监听器来监听各种用户操作，比如 click、mousedown、mousemove、i...

前言 合格的开发者知道怎么做，而优秀的开发者知道为什么这么做。 这句话来自《web性能权威指南》，我一直很喜欢，而本文尝试从浏览器渲染原理探讨如何进行性能提升。 全文将从网...

本文是笔者对Mario Kosaka写的inside look at modern web browser系列文章的翻译。这里的翻译不是指直译，而是结合个人的理解将作者想表...

作者：大漠用户在访问一个Web网站（页面）或应用时，总是希望它的加载速度快，功能流畅。如果过于慢，用户就很有可能失去耐心而离开你的Web网站或应用。作为开发人员，给自己应用...

本文从多个维度详细分析浏览器的核心工作原理。我们将讨论`导航`、`获取数据`、`解析`和`渲染`等核心步骤，并希望能使你对这些概念更清晰...

前段时间在研究前端异常监控/埋点平台的实现。 在思考方案时，想到了浏览器自带的观察者以及页面生命周期API 。 Intersection Observer，交叉观察者。 M...

本文讲解浏览器渲染进程执行渲染的任务流水线过程。浏览器通过渲染进程中渲染主线程和其他线程的配合，借助消息循环来完成这一系列复杂的渲染任务。...

今天来学习一下浏览器渲染引擎的工作原理，全文8500+字，文章内容较多，建议先收藏再学习！确定不点进来看看吗？...

前言 一直以来，我对于浏览器的渲染进程都是囫囵吞枣般的认知，在自己阅读了几篇优秀的博客后，用更加通俗的语言写下这篇文章，希望大家以及自己对渲染进程有一个彻底的理解。 流程 ...

前段时间，我将精力专注在Web性能领域；在这个领域下有个重要的课题是如何让网页更丝滑（流畅）。 想让网页变得丝滑，首先，我们需要一个标准来判断什么样的网页是丝滑的；其次，我...

为什么你觉得偶尔看浏览器的工作原理，但总是忘呢😵‍💫，因为你没有形成一个完整的知识网络，你的记忆是碎片化的。正如人的神经网络，只有当你的记忆相互依赖，相互链接，才能形成...

本文主要是对Google Chrome团队在2020年分享的《Life of a Pixel》PPT 的学习和总结。这篇分享主要介绍的是Chrome将HTML渲染成屏幕像素...

我们可能都听过一句话：所以，需要持续大量学习的童鞋，比方说我等程序员们，除了要从知识的海洋中精挑细选出我们想要的内容，挑完了还得高效学习，不然成长的速度可能远远赶不上脱发的...

浏览器真正渲染的内容在红框内，之外的都是非渲染的部分。渲染的引擎可以看做是一个黑箱，在 Chromium 中，我们把它称为 Blink。 同时，在渲染时，我们需要调用图像处...