自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 React为什么要使用Hooks

提炼能复用的逻辑 许多组件有相似的状态逻辑,使用自定义 Hook 可以很方便地提取出来复用。 解决复杂组件的可读性问题 使用自定义 Hook 将复杂组件拆分为更小的功能独立的函数,有助于提高代码的可读性。 管理数据更新 使用独立的 Hook 函数来管理数据请求、处理异步逻辑、数据缓存等,易于维护。 分离状态逻辑 自定义 Hook 让函数组件更纯粹,只负责 UI,状态逻辑则交给 Hook。 调用其他 Hook 自定义 Hook 本身还可以调用 useState、useEffect 等其他 React

2023-10-06 10:28:45 129 1

原创 React项目特点

− JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ,但我们建议使用它。− React 实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单。− 通过 React 构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中。−React通过对DOM的模拟,最大限度地减少与DOM的交互。−React采用声明范式,可以轻松描述应用。−React可以与已知的库或框架很好地配合。

2023-10-06 10:26:20 53 1

原创 React项目和Vue项目的区别

React 的思路是 HTML in JavaScript 也可以说是 All in JavaScript,通过 JavaScript 来生成 HTML,所以设计了 JSX 语法,还有通过 JS 来操作 CSS,社区的styled-component、JSS等。Vue 是把 HTML,CSS,JavaScript 组合到一起,用各自的处理方式,Vue 有单文件组件,可以把 HTML、CSS、JS 写到一个文件中,HTML 提供了模板引擎来处理。

2023-10-06 10:24:59 29 1

原创 Hooks的优缺点

1 跨组件复用: 其实 render props / HOC 也是为了复用,相比于它们,Hooks 作为官方的底层 API,最为轻量,而且改造成本小,不会影响原来的组件层次结构和传说中的嵌套地狱;2 相比而言,类组件的实现更为复杂 不同的生命周期会使逻辑变得分散且混乱,不易维护和管理;时刻需要关注this的指向问题;3 状态与 UI 隔离: 正是由于 Hooks 的特性,状态逻辑会变成更小的粒度,并且极容易被抽象成一个自定义 Hooks,组件中的状态和 UI 变得更为清晰和隔离。

2023-10-06 08:50:54 60 1

原创 React常见面试题

1:React组件之间如何通信兄弟之间通讯,父子组件之间通讯,跨组件通讯2:JSX本质是什么JSX本质是一个语法糖3:说一下shouldComponentUpdate的用途对数据state状态进行改变4:context是什么context是一个运行环境5:说一下redux单向数据流的机制事件触发Dispatch派发到state,state深拷贝再通过reducer修改数据自动回显6:React类组件的setState是同步操作还是异步操作不是单纯的同步或异步操作7:什么是纯函数组件。

2023-09-27 20:06:50 35 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除