分享 20 个 2025 年依旧「少人知道、却能立竿见影」的原生 API。 收藏 = 省下一个工具库 + 少写 100 行代码！ 1. ResizeObserver 精准监听任意 DOM 宽高变化，图

浏览器在“一帧”（frame）中所做的工作，是指在一个渲染周期（通常为 16.7ms，对应 60fps 的刷新率）内完成的一系列任务，以确保页面流畅地显示和响应用户交互。这个过程是浏览器实现高性能动画

你给后台管理系统加了一个「企业风采」模块，运营同学一口气上传了 200 张 8K 宣传海报。首屏直接飙到 8.3 s，LCP 红得发紫。 老板一句「能不能像朋友圈那样滑到哪看到哪？」——于是你把懒加载

这是个还在草案中的API，不过大部分浏览器均已实现（除了IE）。先看下MDN中的介绍： 当页面滚动时，懒加载图片或其他内容。 实现“可无限滚动”网站，也就是当用户滚动网页时直接加载更多内容，无需翻页。 滚动到相应区域来执行相应动画或其他任务。 一直以来，检测元素的可视状态或者两…

页面是一帧一帧绘制出来的，当每秒绘制的帧数（FPS）达到 60 时，页面是流畅的，小于这个值时，用户会感觉到卡顿。 1s 60帧，所以每一帧分到的时间是 1000/60 ≈ 16 ms。所以我们书写代码时力求不让一帧的工作量超过 16ms。 帧开始。窗口尺寸变更，页面滚去等的处…

一图胜千言 进程&线程的角度 渲染进程。 包裹标签页的容器。包含了多个线程，这些线程一起负责了页面显示到屏幕上的各个方面。 合成线程（Compositor Thread） 。这是最先被告知垂直同步事件

js三座大山 一：函数式编程 js三座大山之函数1  js三座大山之函数2-作用域与动态this 二：面向对象编程 js三座大山之对象,继承,类,原型链 三：异步编程： js三座大山之异步一单线程,e

js三座大山 一：js三座大山之函数1 & js三座大山之函数2-作用域与动态this 即函数式编程。 二：js三座大山之对象,继承,类,原型链即面向对象编程 三：异步和单线程，目前主流是以promi