火石_flint

自主设计开发的补间动画库，参照Tween.js的功能逐一开发实现。可以作为Tweenjs的精简版替代工具。...

前端服务监控概述 前端监控的目的很明确，无非就是让我们的产品更完善，更符合我们和用户的需求。运营与产品团队需要关注用户在产品内的行为记录，通过用户的行为记录来优化产品，研发...

4 张图带你深入了解 fiber 执行过程： completeWork 和 beginWork。...

在上篇《React 之 requestIdleCallback 来了解一下》，我们讲解了 requestIdleCallback 这个 API，它可以实现在浏览器空闲的时候...

合理利用缓存，可以提高页面的打开速度，这句话是前端开发者耳熟能详的准则 但具体缓存对页面性能有多大的影响呢？为了彻底弄懂浏览器缓存，从动手验证下这条准则开始吧...

笔者刚接触async/await时，就被其暂停执行的特性吸引了，心想在没有原生API支持的情况下，await居然能挂起当前方法，实现暂停执行，我感到十分好奇。好奇心驱使我一...

谈到webpack优化大部分人可能都看腻了，无非就那几招嘛，我之前也是看过许多类似的文章，但都没有自己真正上手过，下面是我用公司的项目真实操练下来的，首屏加载速度提升很大（...

从本篇开始，我们就正式进入React的核心调度算法—Fiber调度机制。 利用FiberRoot的pendingInteractionMap属性和不同的expiration...

前言 在《React 之从 requestIdleCallback 到时间切片》中，我们讲到，React 会把更新做成一个个任务，放进任务队列里。任务有不同的优先级、开始时...

最近看了卡颂大佬公开讲的React调度流程讲解也跟着学习了一下然后自己进行了总结今天把代码更新到这里，喜欢研究React的原理的千万不要错过满满的干货 准备 今天会从零到一...

通过一个简单的场景，一个简单的demo，了解如何通过流式渲染增强页面FCP、LCP、TTI等指标，增强用户体验。...

因为工作的原因，我和一些国外的工程师们有些交流。他们对于国内环境不了解，有时候会问出一些有趣的问题，大概是这些问题的启发，让我反复在思考一些更为深入的问题。 今天聊三个事情...

本文阐述了对前端对象变化-监听的实现方式的粗浅理解，进而分析了react-redux是如何跟踪某个变量的变化，进而引起视图改变的。文中涉及到了对react-redux中的一...