刺客_Andy

引言 上篇文章，一个读者评论问，如何在看不到结果的时候，还能坚持下去。 我内心里立刻蹦出来四个字：长期主义，不过转念一想这不是正确的废话吗，现在这个社会谁还没听过长期主义？...

我们绝大多数心里都住着三个小人，每天都在打架 读完弗洛伊德的《自我与本我》，我最大的感受就是：原来每个人的心里都住着三个小人儿，天天在吵架！一个喊着"我要吃炸鸡"，一个念叨...

当人性褪去迷雾：一场关于自我与他者的精神考古 在阿尔弗雷德·阿德勒的《理解人性》中游弋，犹如开启了一场精细的考古挖掘。不同于佛洛依德执著于潜意识深渊的探照灯，这位个体心理学...

前言 useNavigate 是 React Router v6 中引入的一个钩子函数，用于编程式导航。它替代了旧版本（v5及以下）中的 useHistory，提供了更简洁...

一、useLocation基础用法 作用：获取当前路由的 location 对象 返回对象结构： 二、useLocation核心使用场景 1、导航高亮（根据路径匹配） 2、...

一、useSearchParams 定义 基本用法 定义：用于返回当前 URL 的 URLSearchParams 的元组和用于更新它们的函数。设置 search para...

一、4.X版本中核心 API 和用途 1. createStore(reducer, [preloadedState], [enhancer]) 用途: 创建 Redux ...

使用 Redux 实现购物车案例 由于 redux 5.0 已经将 createStore 废弃，我们需要先将 @reduxjs/toolkit 安装一下； 使用 vite...

不使用 redux 实现 购物车案例 使用 React 自带的 useState 和 useEffect Hook 即可实现购物车 1、新增商品 使用 setList() ...

1、Redux概述 Redux 是一个用于 JavaScript 状态容器，提供可以预测的状态管理 Redux 可以让我们的构建一致化的应用，运行于不同的环境，客户端、浏览...

接下来 开始Redux 全面详细的文档输出，主要基于一下几个方面，欢迎大家补充指正 一、Redux 基础概念 为什么需要 Redux？ 前端状态管理的挑战（组件间通信、状态...

一、StrictMode 的核心作用 React StrictMode 是 React 16.3 引入的开发辅助工具，通过主动触发特殊检查帮助开发者提前发现潜在问题。它像一...

一、为什么需要性能测试 在现代前端应用中，组件树的复杂度往往以指数级增长。一个简单的点击事件可能触发数十个组件的连锁渲染，而开发者却如同置身黑暗迷宫，难以准确找到性能瓶颈所...

文章如果错误偏差，烦请及时批评指正 一、为什么要使用 <Fragment>？ 因为在 React 中，组件必须返回单个根元素。当我们尝试直接返回相邻的 JSX 元素时： 传...

若有错误，欢迎批评指正 概述 React 18 引入的 useDeferredValue 是优化渲染性能的重要工具，特别适用于处理高开销的更新（如实时搜索、大型列表渲染）。...

文章内容 基于 React 18+ ，如有错误，欢迎批评指正； 一、概述： useTransition 是一个在不阻塞UI渲染的情况下更新数据状态，它会降低当前视图的渲染优...

为什么要进行组件的封装？ 为了代码高效复用，易维护，易应用；说的直白一下就是为了自己少写代码，有更多的时间钻研更多其他方面的事物；甚至可以说是为了自己有更多摸鱼时间； 一、...

pinia 中数据可持续化 即：如何让 pinia 中的数据 状态 在刷新页面时候不丢失； 1、结合前端本地缓存 localStorage，本地缓存方案自行脑补，不再赘述 ...

pinia 主要包括以下五部分，经常用到的是 store、state、getters、actions 以下使用说明，注意事项，仅限于 vue3 setup 语法糖中使用，若...