青衡

作为互联网项目，最重要的便是用户体验。在举国“互联网+”的热潮中，用户至上也已经被大多数企业所接收，特别是在如今移动端快速发展的时代，我们的网页不仅只是呈现在用户的PC浏览...

GUI渲染线程： 解析HTML、CSS，构建 DOM 树和 RenderObject 树，布局和绘制等。当界面需要重绘（Repaint）或由于某种操作引发回流（Reflow...

有时候js代码会阻塞页面渲染产品经理看了直摇头，探索js执行耗时逻辑时阻塞页面渲染问题根源，尝试通过宏任务，帧空余时间延迟执行的方式优化。...

近日， React 团队发布消息称，不会再发布v18.3版本了，而是将重点放在React v19 版本。...

马上又是金三银四了，又要面对头疼的面试题了。经常容易被问到性能优化相关的问题，没准备的小伙伴进来看看吧，准备了的也可以考虑再熟悉熟悉呀，记忆更深刻一点。...

React的速度快如闪电。通常情况下，它的速度快到让我们很难在机器上的沙盒中重新创造出性能问题。因此，我们可能会认为，无论我们做什么，我们的网络应用都会顺利地运行。 但这是...

近期项目遇到了一些性能瓶颈，其中就包括组件重复渲染的问题。就在我为如何定位组件重复渲染问题发愁时，突然想起了之前看过别人文章推荐过一个库：why-did-you-rende...

分享一些个人整理的高质量的前端资源，减少初学者面对学习资源的信息差，保持输入的是流行和前沿的技术，资源不限于 知名开发者 / 博主，文档，视频，书籍，演示网站，工具。...

我正在参加「兔了个兔」创意投稿大赛，详情请看：「兔了个兔」创意投稿大赛 本来想着兔年给各位大佬用css画个兔子助助兴，于是在网上找了一张爱宠大机密的那只痞帅痞帅的兔子的图片...

本文整理介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。...

经过多年的不断打磨，React 18正式上线了，该版本中基于并发渲染带来了很多强大的并发特性包括Automatic Batching、Transition等，本文将从用法到...

这么说的人可能忽视了state（状态）—— 不同于组件是以树的形式组合，我们经常会在不同层级的组件间公用同一个state。 面对这种情况，有些同学选择引入状态管理库（比如R...

此文总结React编程中的最佳实践，其核心是减少渲染真实 DOM 节点的频率，减少Virtual DOM比对的频率。...

本文主要记录实现一款通用 SDK 时遇到的问题，以及解决方案，如果你需要快速创建一个 SDK，那么你可以复制该项目建立你自己的 SDK，并在遇到问题的时候再回头阅读本文。...

万万没想到 Chrome 的 DevTools 竟然是用 JS 写的，感觉自己也行了（做 Chrome 工程师😂）。...

今天来分享在 React 开发中常见的一些错误，以及如何避免这些错误。理解这些问题背后的细节，防止犯下类似的错误。 1. 组件卸载后执行状态更新 报错信息： Can’t p...

笔者是一个有5年开发经验的前端工程师。从接触前端就一直使用Redux，对Redux也算有点心得。今天分享个小Tip给大家😌。慢慢臃肿的ReduxStore从欣赏到慢慢嫌弃...