标签： 面试题

发布于

面试题：React 的‘纯组件’（PureComponent）与‘纯函数’（Pure Function）在 Fiber 协调算法中的待遇差异

各位同仁，下午好！ 今天，我们将深入探讨 React 世界中两个看似相似却在底层机制，尤其是在 Fiber 协调算法中拥有截然不同待遇的概念：React 的‘纯组件’（PureComponent/React.memo）与‘纯函数’（Pure Function）。理解它们之间的差异，对于我们构建高性能、可维护的 React 应用至关重要。我们将以 Fiber 协调算法为核心，剖析这两种“纯”在 React 内部是如何被处理的。 一、 Fiber 协调算法：React 性能的基石 在深入探讨“纯”之前，我们首先需要对 React 的核心协调算法——Fiber，有一个清晰的认识。Fiber 是 React 16 引入的全新协调引擎，它彻底改变了 React 内部处理组件树的方式，旨在提供更流畅、更响应的用户体验。 1.1 为什么需要 Fiber？ 在 Fiber 之前，React 的协调（reconciliation）过程是同步且不可中断的。这意味着一旦组件开始渲染，它就必须一口气完成整个组件树的遍历和更新，直到所有变更都被计算出来。这个过程会阻塞主线程，导致在大型应用或复杂更新时，UI 出 …

继续阅读“面试题：React 的‘纯组件’（PureComponent）与‘纯函数’（Pure Function）在 Fiber 协调算法中的待遇差异”

发布于

手写实现 LazyMan（JS 流程控制经典面试题）：链式调用、sleep 与优先级队列

手写实现 LazyMan：链式调用、sleep 与优先级队列的深度解析 在前端开发中，面试题常常考验候选人对 JavaScript 异步机制、执行上下文、事件循环和设计模式的理解。其中，“LazyMan”是一个经典的流程控制类题目，它要求我们实现一个支持链式调用的对象，并能按顺序执行一系列任务（如 console.log），同时支持延迟执行（sleep）以及任务优先级排序。 本文将带你从零开始手写一个完整的 LazyMan 实现，涵盖以下核心知识点： 链式调用原理（this 指向与方法返回） 异步任务调度（setTimeout / Promise / microtask） 优先级队列设计（如何让高优先级任务先执行） 实际应用场景分析 我们将一步步构建这个系统，确保每一步都逻辑清晰、可运行、可扩展。 一、需求拆解与初步设计 1.1 题目目标 我们要实现一个函数 LazyMan(name)，它可以被链式调用，例如： LazyMan(“Tony”).eat(“apple”).sleep(3000).eat(“banana”) 输出应为： Hi! This is Tony! Eat apple …

继续阅读“手写实现 LazyMan（JS 流程控制经典面试题）：链式调用、sleep 与优先级队列”