- 博客(6)
- 收藏
- 关注
RSS订阅原创 scrollIntoView()方法属性详细介绍
srollIntoVoew()方法将调用它的元素滚动到浏览器窗口的可见区域ps：根据其他元素的布局，元素可能无法完全滚动到顶部或底部tips：页面(容器)可滚动时才有用。
2023-08-29 17:12:46
188
1
原创 react18常用的hooks
react18引入的Hooks是一种新的react特性，它允许在无需编写类组建的情况下，使用状态和其他React特性。二、useEffect:用于在函数组件中执行副作用操作(如数据获取，订阅等)四，useReducer:用于在函数组件中使用Reducer状态管理。三、useContext：用于在函数组件中访问上下文。一、useState:用于在函数组件中使用状态。
2023-08-19 11:00:00
206
原创 react的diff算法及虚拟DOM原理
当组件的状态发生变化时，React会使用虚拟DOM来计算出最小的DOM操作，并将其应用于实际的DOM树，从而实现高效的UI更新。4、更新策略：React会尽量复用已存在的DOM节点，而不是直接创建新的节点。二、Diff算法是React用于比较两个虚拟DOM树的技术，以确定需要进行的最小DOM操作。下面是Diff算法的基本原理。3、唯一标识：React使用唯一的key属性来标识列表中的每个节点，以便更准确的比较和更新节点 及其子树。1、树的比较：React将新旧虚拟DOM树逐个节点进行比较，找出不同的节点。
2023-08-18 11:00:00
98
1
原创 防抖和节流源码及应用场景
应用场景：一般应用在窗口resize，点击短信验证码，点击登录，文本编辑器实时保存，搜索框等。console.log('节流-登录按钮被点击了.....')2、浏览器播放事件，每隔一秒计算一次进度信息等。console.log('登录按钮被点击了.....')应用场景： 1、scroll事件，每隔一秒计算一次位置信息等。执行时机：单位时间内执行最后一次。执行时机：单位时间内执行一次。
2023-08-17 15:22:17
86
1
原创 react-router实例
当使用React Router时，你可以使用它来实现在React应用程序中进行路由导航。下面是一个简单的React Router示例，演示如何设置路由和导航到不同的页面。通过定义页面组件和设置路由规则，我们可以在React应用程序中实现简单的页面导航。接下来，你可以定义你的页面组件。在这个示例中，我们定义了两个页面组件：Home和About。然后，你可以创建一个顶层的组件，用来包裹你的应用程序，并设置路由。组件，我们可以在不刷新整个页面的情况下导航到不同的页面。在上面的代码中，我们使用。
2023-08-17 09:42:45
112
1
原创 react-redux数据流原理附实例代码
mapStateToProps函数定义了如何从Redux store中将状态映射到组件的props上，mapDispatchToProps函数定义了如何将action创建函数映射到组件的props上。通过定义reducer来处理状态的变化，并使用action创建函数来触发状态的更新，我们可以在React组件中使用这些状态和操作来构建一个完整的应用程序。6、更新React组件：当Redux store的状态更新后，与之连接的React组件将通过props接收到最新的状态，并根据新的状态重新渲染。
2023-08-17 09:37:12
72
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人