有些项目要统计在线人数，其实更多是为了“营造热闹气氛”。比如你进个聊天室，看到“有 120 人在看”，是不是感觉这个地方挺活跃的？这就是一种“社交证明”，让用户觉得：哇，这个地方挺火，值得留下来。而且

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

最近在写复杂表单的实时保存，一般来说可以使用onblur，但是这可能会存在最后一个没保存上，以及如果需求是想做到语雀那样的实时保存的情况就不行了。这种情况下我们用了onchange写缓存加定时器调用接

背景简介 为了更准确地了解用户行为，将用户行为的统计颗粒度细化到页面模块级别，以便生成更准确的用户画像。现有的埋点技术只能统计到页面的单次曝光和单功能化的点击事件，无法实现更精细的用户行为分析。因此，

生产构建优化 在 Tailwindcss 里面包含了大量的原子类，但是在实际开发中，我们并不是说所有的原子类都会用到，因此在最终构建 css 的时候我们应该将没有使用到的原子类进行删除操作，从而优化我

父组件将一个 【值】 传递给子组件，若父组件的其他值发生变化时，子组件也会跟着渲染多次，会造成性能浪费； useMemo是将父组件传递给子组件的值缓存起来，只有当 useMemo中的第二个参数状态变化

自从vue3彻底支持函数式编程后，写过react的朋友可能更容易理解无状态组件与有状态组件的区别。对习惯了vue2对象式编程的人来说，可能对于函数式组件还有些一知半解

在软件开发中，我们通常痴迷于性能提升以及如何使我们的应用程序执行得更快，从而为用户提供更好的体验。Memoization 是优化性能的方法之一。 在本文中，我们将探讨它在 React 中的工作原理

React重渲染re-render原理是什么？，翻译了一位国外大佬的文章~主要目的是提高英语阅读能力和对技术的理解~