LRH

React 作为著名的 UI 构建库，快速响应是其特点之一。然而 JS 作为单线程语言，在运行某个任务时，会阻塞主线程对于其他事件的响应，针对此特点，React 制定了特定...

提到 React 应用的页面更新优化策略，会有两个绕不开的概念，它们分别是双缓存架构和 diff 算法。 其中 React 利用双缓存架构在内存中生成下次要渲染的页面所对应...

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react...

React 从 2013 年开源至今，经过了多个版本的迭代，而 React16 版本则是其中一个里程碑式的版本，因其开启了从 stack reconciler 到 fibe...

万字长文 - 彻底理解react中任务调度和时间分片。详细阐述了Scheduler的概念、任务管理和优先级机制，展示了任务调度和执行的过程。...

React 18 最主要的特性就是并发了，很多 api 都是基于并发特性实现的。 那为什么 React 要实现并发？什么是并发？又是怎么实现的呢？ 这篇文章我们就一起来探究...

场景 项目部署到现场后，现场客户端机子相对性能比较差，在使用antd表格时候，发现数据多时性能特别差，滚动页面会特别卡顿。 排查过程 1.监控性能，找出影响性能的罪魁祸首 ...

从用户的角度评判一个网站的“优秀程度”，最直观的评价方式就是运行是否流畅，在页面渲染、交互时，是否会有卡顿感。 而造成视觉上卡顿的原因有很多，可能是： 页面加载时一次性加载...

现在开发现代前端应用时，我们已经摒弃了原始的 HTML 编写方式，转而使用“模板”的方式去编写。所谓的模板就是 React 的 jsx，Vue2 中的 template 等...

众所周知，JS 在主线程上是单线程执行的，并通过事件循环（Event Loop）机制来实现异步操作的处理。 本文将梳理事件循环机制的执行流程，并尝试模拟其中对任务队列的处理...

前言 说起sourcemap，大家应该都不陌生，由于前端代码一般都需要编译和打包，出来的代码是非常难以阅读的，有了它能方便我们调试，快速定位到问题。 什么是sourcema...

还弄不清楚ArrayBuffer、Blob、File、FileList、FileReader、Object URL、Data URL这些概念和关系吗？看完这篇就知道了...

今天我们来探讨一下容易令人困惑分不清的发布订阅和观察者模式。 一般认为观察者模式是一种设计模式，而发布订阅则不是。发布订阅可以理解为特定问题的解决方案，或某种实践思想。...

在现代 web 项目中，我们一般使用 XHR（XMLHttpRequest）或 fetch 发送 http 请求，以实现网页在不刷新的情况下获取数据（即实现 AJAX）。...

观察者模式和发布订阅这两个东西听起来都不陌生，但是它们的差异究竟是什么，以及它们有何关联，让我们重新认识一下这两个概念。...

相信大家平时在编写代码遇到异步操作时，都喜欢使用 Promise，而遇到多个异步任务按顺序执行时，还会使用 async/await 语法简易地实现，而不必“忍受” Prom...