JavaScript 事件循环里微任务和渲染帧的真实关系-低调大师

JavaScript 事件循环里微任务和渲染帧的真实关系

2026-09-24 4

用 ResizeObserver 监听元素尺寸变化，你还在用 window.resize 吗

布局经常需要根据容器宽度动态调整内部元素，比如图表库要响应容器尺寸重绘、虚拟列表要根据可视区域高度计算渲染数量、CSS 容器查询的 polyfill 需要精确知道父级尺寸。window 的 resize 事件只反映视口变化，无法感知某个 div 因为 Flex 布局、侧边栏折叠、字体加载或内容增减导致的尺寸改变。过去只能靠 setInterval 轮询 offsetWidth，或者配合 MutationObserver 间接推断，既不精准又浪费性能。ResizeObserver 是浏览器原生提供的元素尺寸监听接口，能在布局完成后按帧批量回调，覆盖内容盒、边框盒和设备像素内容盒三种观测模式。这篇...

2026-09-24

3

在写 TypeScript 时经常遇到一种两难：定义一个配置对象或常量映射，希望它的属性值被推断为字面量类型（比如 'GET' 而不是 string），同时又想确保它符合某个接口或约束。直接用类型注解 const config: Config = {...} 会把类型拓宽，字面量丢失；加 as const 能保留字面量，但不会校验结构。TypeScript 4.9 引入的 satisfies 算子正好补上了这块空白，它允许你在不改变推断结果的前提下检查表达式是否满足某个类型。这篇文章会从几个真实场景出发，讲清楚 as const、satisfies 各自的行为，以及为什么把它们搭配使用能解决配...

2026-09-24

4

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。