摘要: React 的工作原理 React 会创建一个虚拟 DOM(virtual DOM)。当一个组件中的状态改变时,React 首先会通过 "diffing" 算法来标记虚拟 DOM 中的改变,第二步是调节(reconciliation),会用 diff 的结果来更新 DOM。 讲讲什么是 JSX ? 阅读全文
posted @ 2023-03-15 10:17 夏天的味道123 阅读(103) 评论(0) 推荐(0) 编辑
摘要: Transition 使用姿势 Transition 是 react18 引入的新概念,用来区分紧急和非紧急的更新。 紧急的更新,指的是一些直接的用户交互,如输入、点击等; 非紧急的更新,指的是 UI 界面从一个样子过渡到另一个样子; react 官方的 demo 如下: import {start 阅读全文
posted @ 2023-03-15 10:17 夏天的味道123 阅读(173) 评论(0) 推荐(1) 编辑
摘要: React 高阶组件、Render props、hooks 有什么区别,为什么要不断迭代 这三者是目前react解决代码复用的主要方式: 高阶组件(HOC)是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分,它是一种基于 React 的组合特性而形成的设 阅读全文
posted @ 2023-03-15 10:16 夏天的味道123 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 一、父组件通过 Ref 调用子组件中的方法 这里同时演示使用函数组件和类组件的父子组件如何编写 子组件 React.forwardRef React.useImperativeHandle public、private、protected /** * 声明一个 function component 阅读全文
posted @ 2023-03-15 10:16 夏天的味道123 阅读(25) 评论(0) 推荐(0) 编辑
摘要: React 事件机制 <div onClick={this.handleClick.bind(this)}>点我</div> React并不是将click事件绑定到了div的真实DOM上,而是在document处监听了所有的事件,当事件发生并且冒泡到document处的时候,React将事件内容封装 阅读全文
posted @ 2023-03-01 16:19 夏天的味道123 阅读(76) 评论(0) 推荐(0) 编辑
摘要: 在单页面应用如日中天发展的过程中,备受关注的少了前端路由。 而且还经常会被xxx面试官问到,什么是前端路由,它的原理的是什么,它是怎么实现,跳转不刷新页面的... 一大堆为什么,问你头都大, 前言 今天主要讲的是: 原生js实现hashRouter 原生js实现historyRouter react 阅读全文
posted @ 2023-03-01 16:18 夏天的味道123 阅读(37) 评论(0) 推荐(0) 编辑
摘要: 什么是 React的refs?为什么它们很重要 refs允许你直接访问DOM元素或组件实例。为了使用它们,可以向组件添加个ref属性。 如果该属性的值是一个回调函数,它将接受底层的DOM元素或组件的已挂载实例作为其第一个参数。可以在组件中存储它。 export class App extends C 阅读全文
posted @ 2023-03-01 16:18 夏天的味道123 阅读(36) 评论(0) 推荐(0) 编辑
摘要: 前言 阅读本文章需要对 React hooks 中 useState 和 useEffect 有基础的了解。我的这篇文章内有大致介绍 在 React 项目中全量使用 Hooks。 useCallback useCallback 的作用 官方文档: Pass an inline callback an 阅读全文
posted @ 2023-03-01 16:18 夏天的味道123 阅读(81) 评论(0) 推荐(0) 编辑
摘要: react 强制刷新 component.forceUpdate() 一个不常用的生命周期方法, 它的作用就是强制刷新 官网解释如下 默认情况下,当组件的 state 或 props 发生变化时,组件将重新渲染。如果 render() 方法依赖于其他数据,则可以调用 forceUpdate() 强制 阅读全文
posted @ 2023-02-28 09:59 夏天的味道123 阅读(55) 评论(0) 推荐(0) 编辑
摘要: Redux的作用是什么 Redux的作用在于实现状态传递、状态管理。在这里你可能会说了,如果是状态传递,那我props的传递不也是可以达到这样的效果吗?context上下文方案不也是可以达到这样的效果吗?没错,是这样的,但是上述的两种方案是有局限性的。 props方案只适用于父子组件传递状态。 co 阅读全文
posted @ 2023-02-28 09:59 夏天的味道123 阅读(36) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示