- 博客(37)
- 收藏
- 关注
RSS订阅原创 33.React Router-4-路由传参
useSearchParams返回的是一个。路径中冒号后面接的是你要传的参数的名字。useParams返回的是一个参数。
2024-10-24 13:43:56
306
原创 31.React Router-2-抽象路由模块
在大项目中，往往有很多个页面组件。为了使工程中路由功能更好维护，我们可以把路由单独抽象成一个模块。
2024-10-23 21:32:39
262
原创 30.React Router-1-快速使用（React）
总的来说，使得我们可以在单页应用中轻松地管理不同的页面和组件。通过定义路由，使用者可以在不同的 URL 下看到不同的内容，而不需要刷新整个页面。这提高了用户体验和应用的性能。
2024-10-23 20:46:35
586
原创 29.用zustand库进行状态管理-3-切片模式（React）
通过 Zustand 的切片模式，可以轻松地管理状态，使代码结合模块化设计。每个切片只负责特定功能，让开发者能够更清晰地理解和维护代码，有效地扩展和重用状态逻辑。
2024-10-23 17:46:15
585
原创 26.用useReduce进行状态管理（React）
useReducer是 React 中的一个 Hook，用于管理组件中的复杂状态。它的作用和useState类似，但可以处理更复杂的状态更新逻辑，特别是当状态之间有依赖关系时。它基于 "Reducer" 模式，这种模式可以更清晰地描述状态变化。useReducerReducer 函数是一个纯函数，它根据当前状态和一个动作（action）来计算并返回新的状态。// 在这里处理状态更新逻辑state：当前的状态。action：描述状态更新的对象，通常包含一个type属性来说明要进行的操作。
2024-10-23 17:20:11
572
原创 28.用zustand库进行状态管理-2-异步函数（React）
在zustand中，异步函数与同步函数的定义是一致的，只要记得在最后进行状态储存即可。
2024-10-23 16:11:13
518
原创 25.React.useImperativeHandle(组件暴露任意数据的方法)
在 forwardRef 的参数（函数）中，我们可以使用useImperativeHandle钩子，暴露一个对象。默认情况下，组件不会将它们的 DOM 节点暴露给父组件。的DOM 节点，必须选择使用 forwardRef。
2024-10-23 00:12:33
481
原创 24.React.forwardRef（访问子组件DOM元素）
在React中，父组件是不能直接获得子组件的DOM元素的这段代码定义了一个父组件App和一个子组件Son。Son只包含一个文本输入框。App中，使用useRef创建一个引用son，用于访问子组件的 DOM 元素。getSon：当点击按钮时，这个函数会打印出引用的当前 DOM 元素。
2024-10-22 23:35:31
372
原创 23.useCallback使用（React）
useCallback 是 React 中的一个 Hook，用于记住一个，这样当组件重新渲染时，如果依赖项没有变化，就不会创建新的函数实例。这样可以。与useMemo类似要记住的函数依赖数组。
2024-10-22 20:20:58
476
2
原创 22.React.memo-2-props的比较机制
在使用memo缓存组件之后，React会对每一个 prop 使用 Object.is 比较新值和老值，返回true，表示没有变化，跳过渲染。：这种比较是浅比较。
2024-10-22 19:29:09
505
原创 21.React.memo-1-基础使用
React.memo是 React 提供的一个高阶组件，用于优化函数组件的性能。它通过缓存组件的渲染结果，避免在相同的 props 没有变化时重新渲染该组件，从而提高性能。以下是关于React.memo的详细介绍。
2024-10-22 17:23:56
564
原创 20.用useMemo提升性能（React）
useMemo的作用是缓存计算结果、减少不必要的渲染和提升性能。对于性能敏感的场景，合理使用useMemo可以让 React 应用运行得更加高效。
2024-10-22 16:50:33
737
原创 14.React中的组件通信-多层间的通信（使用上下文Context）
创建上下文：用创建一个上下文。提供数据：使用把数据传递下去。消费数据：在子组件中使用useContext来获取数据。
2024-10-22 13:35:29
452
1
原创 17.useEffect的使用-3-依赖数组不为空数组的情况（React）
控制台输出会在组件初次渲染时以及每次count（依赖数组中的变量）变化引起渲染时输出。用户点击“点击改名”按钮会更新name，但不会影响useEffect的执行，因此不会有控制台输出。useEffect只会对通过useStateuseReducer等状态管理机制创建的状态的变化做出反应。普通变量的更新不会导致与React组件生命周期相关的副作用执行。
2024-10-22 01:34:57
472
原创 16.useEffect的使用-2-不传依赖数组的情况（React）
在useEffect中，如果不传第二个参数，副作用函数会在以下情况下执行：当组件第一次挂载到DOM时，副作用函数会立即执行。这相当于类组件中的。：在该组件的状态或属性发生变化，并导致组件重新渲染时，副作用函数也会被执行。
2024-10-22 01:16:58
321
原创 15.useEffect的使用-1-最基础的使用（React）
useEffect定义useEffect组件首次渲染后：当组件首次挂载到DOM后，useEffect中的副作用函数会立即执行。依赖值变化时：如果依赖数组中包含某些状态或属性，useEffect会在这些值变化时执行。你可以把依赖项加入数组中，以便在这些依赖项发生变化时重新执行副作用。......组件首次渲染后。
2024-10-22 00:53:20
420
原创 13.React中的组件通信-子传父
上期介绍了父传子的实现。在这个例子中，父组件App通过year属性将值2024传递给子组件Son，子组件则在div中显示该值。那么我们如果想进行子组件到父组件的数据传递，应该怎么做呢？其实还是，只是将父组件给子组件传递的数据变成了一个，在子组件调用父组件传递的方法时，把传入。这样子组件就可以通过该方法把数据传递给父组件。
2024-10-21 23:57:36
187
原创 7.useState基础使用（React）
useState当前状态的值：这是状态的当前值，类型可以是任何可以存储在 React 状态中的值（如字符串、数字、对象等）。更新状态的函数：这是一个函数，用于更新状态。当调用这个函数时，React 会重新渲染组件，并将状态更新为传递给该函数的新值。和普通JS变量不同的是，状态变量一旦发生变化，组件的视图Ul也会跟着变化(数据驱动视图。
2024-10-21 14:36:42
667
原创 5.React中的事件绑定
语法:事件绑定的位置改造成箭头函数的写法，在执行点击处理程序实际处理业务函数的时候传递实参注意:需要一个函数引用而不是直接调用函数，以确保事件处理器在事件发生时被正确调用，而不是在组件渲染时立即执行。正确的写法仅传递的引用，因此只有在按钮被点击时才会执行该函数。错误的写法会立即执行函数，并将其返回值（undefined）传递给onClick，这样按钮点击事件无法正常工作。语法:在事件绑定的位置传递事件实参e和自定义参数，clickHandler中声明形参，注意顺序对应。
2024-10-21 13:59:26
755
原创 1.JSX中使用JS表达式（React）
( if, switch, 变量声明不算表达式，而是语句，不能在 ‘{}’ 中)在jsx中可以使用 ‘{ }’ 来包括 javascript。4.javascript对象。3.函数和对象中的方法。
2024-10-21 00:54:36
297
原创 汇编打字程序（emu8086）
2）每次打字之前，屏幕上先显示出一个句子，然后打字员按照例句，将句中字符通过键盘输入。1）利用BIOS的屏幕窗口功能制作一个用户菜单，菜单包括：① 欢迎用语，提示按“ESC”键退出练习；4）练习句子可用文件存储或定义在数据段中，定义10行，每行10个字符，区分大小写，分数根据准确率给出；允许中途退出，退出时给出提示语和选择，确定退出不给分和计时。3) 汇编、连接程序，执行程序，检查结果。4) 程序的执行可用DEBUG的G命令,也可用T命令单步跟踪执行。2) 熟悉各种输入、输出方法的调用方法。
2024-06-28 14:15:00
633
原创 1.C语言编写Hello world
#include<studio.h>int main(){printf("Helloworld\n");return 0;}
2022-10-10 15:44:10
442
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人