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

前言面试官：你是如何做前端性能优化的？这是一个很大的问题，也许大家面对这个问题，会感到措手不及。所以，为了让大家能够胸有成竹的回答这个问题。本文对前端性能优化的手段做了系统的梳理，并对相关文章做了全面

常规设备的刷新频率是 60HZ，也就是说，如果要让用户感受不到明显卡顿，浏览器的渲染流水线需要每秒输出 60 张图片（60 FPS）。本文会从基础的渲染树出发，介绍浏览器渲染流水线，以及常用的优化方法

本文是笔者对Mario Kosaka写的inside look at modern web browser系列文章的翻译。这里的翻译不是指直译，而是结合个人的理解将作者想表达的意思表达出来，而且会尽量补充一些相关的内容来帮助大家更好地理解。 在这个4集系列教程里面，我将会从Ch…

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

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

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

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

前段时间，我将精力专注在Web性能领域；在这个领域下有个重要的课题是如何让网页更丝滑（流畅）。 想让网页变得丝滑，首先，我们需要一个标准来判断什么样的网页是丝滑的；其次，我们要准确的测量出网页的性能数据；最后，使用有效的方法让网页变得丝滑。 本篇文章将针对这三个方面进行详细的介…