面试时被问到 JSX，很多人会说：“就是在 JavaScript 里写 HTML 嘛！” 但如果面试官追问：“JSX 能直接在浏览器里运行吗？”“它和 HTML 到底有啥区别？” 不少人就卡壳了。其实

我是五个 Cursor 账号切着用的重度 AI 编程用户。我惊讶发现，自己似乎从 Cursor 的主人变成了奴隶🙀🙀。遂写此博文，激励自己，让 ai 知道谁才是主人！~

前端开发的世界，就像历史上的战国时期一样，各种框架、库、工具层出不穷，形成了一个百花齐放但也令人眼花缭乱的局面。

一、建立衡量标准 在确认指标之后，还要有量化基础，有数据积累。 理论基础 - 以『用户为核心』的 RAIL 性能模型 Response（响应）：应该尽可能快速的响应给客户，应该在 100ms 或者 1

最近，我们部门在开发一个组件库时，我注意到一些团队成员对使用TypeScript表示出了抵触情绪，他们常常抱怨说：“TypeScript太麻烦了，我们不想用！”起初，我对此感到困惑：TypeScrip

主要思路 虚拟滚动列表在首屏加载时只加载可视化区域内需要显示的内容，在滚动时动态计算开始下标、结束下标，展示对应展示数据，始终保持较少的Dom数量。 主要数据字段 screenHeight 屏幕高度即

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

23 年 11 月末，拼多多市值超过了阿里。我想写一篇《百亿补贴为什么用 H5》，没有动笔；24 年新年，我想写《新的一年，H5 会如何发展》，也没有动笔。现在，我决定把两篇文章合为一篇，与大家分享。

观察者模式和发布订阅模式在实际项目中非常常见，很多优秀的第三方库也是借鉴了这两种设计模式的思想 —— 比如 Vue，Vue Event，React Event，RxJS，Redux等。