前端性能

React 渲染机制速通：Render 树、Fiber 树与更新调度面试官最常追问的 React 问题，绕不开两棵「树」：Render 树和 Fiber 树。别被名字吓到——这篇把更新从 setState 到 DOM 落地的完整链路拆开，配上流程图，讲完就能对上号。

性能告警不是红灯：把 Web Vitals 变成发布决策系统前端性能监控最常见的失败形态，是团队已经能看到 LCP、INP、CLS 的折线图，却依然无法回答三个问题：

Highcharts React v5升级三问｜最大的升级方向是什么？需要注意什么？有什么优化？一问：最大的升级方向是什么？答：聚焦在提升现代React应用的开发体验（DX），核心是通过纯ESM模块适配现代构建工具，同时优化组件API设计，让配置更声明式，支持更灵活的组件封装复用。

Highcharts React 性能优化指南｜使用 useMemo 渲染五万数据点不卡顿在上一篇文章中，我们学习了如何通过 useEffect 获取 API 真实数据。今天，我们将挑战一个更高阶的课题：如何在不卡顿浏览器的情况下渲染大规模数据集？

叫我一声阿雷吧

原生 JS 实现无限滚动加载（下拉加载更多 + 无闪烁 + 性能优化），长列表必备组件无限滚动加载（Infinite Scroll）是现代 Web 应用最主流的列表加载方式，替代传统分页，大幅提升用户浏览体验，常见场景：

我是有底线的