🍪🧁🍧
摘要: Zustand 是一个为 React 设计的小巧、快速、可扩展的状态管理库,核心特点是 API 简洁、几乎无模板代码。 创建 Store: 使用 create((set, get) => ({...})) 方法。 set(partialState | (state => partialState)) 阅读全文
posted @ 2025-05-14 23:49 不想吃fun 阅读(39) 评论(0) 推荐(0)
摘要: React.lazy() 是 React 提供用于代码分割 (code splitting) 的一个核心功能。它允许我们延迟加载组件的代码,直到该组件首次需要被渲染时才进行加载,这有助于优化应用的初始加载时间和性能。其实现主要依赖于 JavaScript 的动态 import() 语法和 React 阅读全文
posted @ 2025-05-14 23:40 不想吃fun 阅读(54) 评论(0) 推荐(0)
摘要: 为什么选择 React 及其性能优化策略 React 是一个用于构建用户界面的 JavaScript 库,自发布以来因其高效、灵活和强大的生态系统而广受欢迎。选择 React 主要基于以下原因,同时它也内置了多种性能优化机制。 一、为什么选择 React? 组件化架构 (Component-Base 阅读全文
posted @ 2025-05-14 23:37 不想吃fun 阅读(35) 评论(0) 推荐(0)
摘要: 浏览器缓存策略详解 一、为什么需要浏览器缓存? 提升性能:用户再次访问时,可以直接从本地加载资源,速度远快于从服务器下载,缩短页面加载时间。 减少服务器负载:减少了对服务器的请求次数,降低服务器压力。 节省带宽:减少了不必要的数据传输。 二、缓存位置 浏览器缓存的资源可能存储在几个不同的位置,优先级 阅读全文
posted @ 2025-05-14 23:34 不想吃fun 阅读(33) 评论(0) 推荐(0)
摘要: React Hook 原理 React Hook 允许我们在函数组件中使用 state 和其他 React 特性,其核心原理主要依赖以下几点: 1. 闭包 (Closures) 每个 Hook (如 useState, useEffect) 在组件的每次渲染中被调用时,都会形成一个闭包。 useSt 阅读全文
posted @ 2025-05-14 23:29 不想吃fun 阅读(61) 评论(0) 推荐(0)
摘要: React 中的闭包陷阱 1. 什么是闭包? 在 JavaScript 中,闭包是指函数能够记住并访问其词法作用域(定义该函数时所在的作用域),即使该函数在其词法作用域之外执行。 2. React 中闭包的应用场景 React 函数组件本身以及在其中定义的函数(如事件处理函数、useEffect 的 阅读全文
posted @ 2025-05-14 23:28 不想吃fun 阅读(124) 评论(0) 推荐(0)
摘要: JavaScript Promise 与 async/await 核心知识点总结 1. Promise 核心概念详解 1.1 三种状态 (Three States) pending: 初始状态 fulfilled: 成功状态 rejected: 失败状态 特性: 状态一旦从 pending 变为 f 阅读全文
posted @ 2025-05-14 23:25 不想吃fun 阅读(69) 评论(0) 推荐(0)