irving同学46238

笔者总结一些工作中常用的Hooks，非常值得一看 useMount useMount 不是 React 官方提供的 Hook，而是一个常见的自定义 Hook，通常用于执行组...

两种接口调用方式 1.直接graphQL查询，服务端（大部分增对数据库的curd操作,serverless) 第一种：usequery useKnowledgeBaseLi...

Next.js 组件开发最佳实践文档 （基于模块化、TypeScript、UI/状态/操作分离设计） 目录结构规范 组件设计原则 1. 类型定义先行（TypeScript ...

目录 核心原则 组件目录结构 代码分层实现 UI 组件 (Dumb Component) 状态管理 (Hooks/Context) 操作逻辑 (Services/Actio...

1. 项目结构与组件规范 文件组织 原则： • 基础 UI 组件：保持无状态，仅接收 props，如按钮、输入框等。 • 业务组件：分离为 UI 层、状态层、逻辑层，通过自...

React 的渲染机制是一个复杂但高度优化的系统，结合了声明式编程、虚拟 DOM、Fiber 架构和协调算法（Reconciliation）。以下是其核心原理的深度解析： ...

concurrent模式中时间分片和让出主线程方式概述（通俗版） 浏览器知识 浏览器需要保持流畅，需要尽量做到每秒（1000ms）60帧，也就是16ms要渲染一次页面；这1...

在 React 的状态更新过程中，React Element、current Fiber 和 workInProgress Fiber 这三者确实按照上述方式协同工作。为了...

React 的渲染流程是一个复杂但高效的过程，它的核心目标是将组件的状态和属性变化反映到用户界面上，同时尽可能优化性能。React 的渲染流程可以分为以下几个阶段：初始化渲...

在 React 中，React Element 和 Fiber 树（包括 current Fiber 和 workInProgress Fiber） 是核心概念，它们之间的...

应用层 http/https ftp 传输层 tcp（安全） udp(不安全，性能好) 网络层 ip（ipv4，ipv6）...

React Diff 算法 认识 React Diff 算法 React 是 Fiber 架构的，Fiber 其实是一个链表的结构，但是由于没有设置反向指针，因此没有使用双...

Webpack 的底层原理涉及多个步骤和机制，它通过模块化打包系统将各种资源整合到一起。以下是 Webpack 打包过程的底层原理详细解析： 1. 初始化阶段 当你运行 w...

React 是一个非常灵活的前端库，它内部和生态系统中广泛应用了许多经典的设计模式。这些设计模式帮助开发者编写可维护、可扩展的组件和应用。以下是 React 中常用的一些设...

一、组件声明 在React中，组件的声明方式有两种：函数组件和类组件， 来看看这两种类型的组件声明时是如何定义TS类型的。 1. 类组件 类组件的定义形式有两种：React...

在过去的几年中，React 的流行度一直在增加，而且还在加速。React 每周的 npm 下载量超过 1400 万次 ，React Devtools Chrome 扩展有超...

react渲染执行顺序 useEffect 执行时机：React 完成 DOM 更新后且浏览器绘制结束后，异步调用。不阻塞渲染 执行顺序: 挂载时会执行一次副作用（传入的函...

四大金刚：编译，部署，框架，代码   一、编译 Webpack 1.自我救赎-webpack自身升级的提升 v4=>v5升级 化缓存 =>cache => 直接利用缓存结果...

什么是 IndexedDB IndexedDB 是一种低级的 API，用于在用户的浏览器中存储大量结构化数据。它允许你创建、读取、更新和删除对象存储（Object Stor...