自定义博客皮肤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项目特点

当组件状态发生变化时,React 会在内存中构建一个新的虚拟 DOM 树,然后与旧的虚拟 DOM 树进行对比,最终只更新真正需要改变的部分,减少了对实际 DOM 的操作,提升了性能和用户体验。JSX 语法:React 使用 JSX 语法来描述组件的结构和样式,将 HTML 结构和 JavaScript 代码结合在一起,提供了更直观和灵活的开发方式。组件化:React 的核心思想是组件化。社区支持:React 有着庞大的社区和活跃的贡献者,可以获得丰富的文档、教程、插件和解决方案,方便开发者学习和解决问题。

2023-10-06 18:49:09 56 1

原创 React-组件公共逻辑抽离的两种方式

{/* 将当前 state 作为 props ,传递给 render (render 是一个函数组件) */}render: PropTypes.func.isRequired // 必须接收一个 render 属性,而且是函数。{/* 1. 透传所有 props 2. 增加 mouse 属性 */}* 至于 Mouse 组件如何渲染,App 说了算,通过 render prop 的方式告诉 Mouse。/* render 是一个函数组件 */* 即,定义了 Mouse 组件,只有获取 x y 的能力。

2023-10-06 18:45:53 152 1

原创 React生命周期详解

UNSAFE_componentWillUpdate : 在组件接受新的state或者props时,即将进行重新渲染前调用该方法,和UNSAFE_componentWillMount方法类似。UNSAFE_componentWillReceiveProps :当父组件更新子组件state时,该方法会被调用。shouldComponentUpdate : 该方法决定组件state或props的改变是否需要重新渲染组件。组件更新,指的是在组件初次渲染后,进行了组件状态的改变。

2023-10-06 18:38:09 31 1

原创 vue和react的区别是什么?

Redux在检测数据变化的时候,是通过diff的方式比较差异的,而Vuex其实和Vue的原理一样,是通过getter/setter来比较的,这两点的区别,也是因为React和Vue的设计理念不同。Vue组合不同功能的方式是通过mixin,Vue中组件是一个被包装的函数,并不简单的就是我们定义组件的时候传入的对象或者函数。在深层上,模板的原理不同,这才是他们的本质区别:React是在组件JS代码中,通过原生JS实现模板中的常见语法,比如插值,条件,循环等,都是通过JS语法实现的,更加纯粹更加原生。

2023-10-06 18:36:14 24 1

原创 React面试题

纯函数是指在函数执行过程中,不会对除了函数参数之外的任何外部状态产生影响,并且对于相同的输入,总是返回相同的输出。具体来说,一个函数被称为纯函数需要满足以下两个条件:无副作用:纯函数不会改变函数外部的状态,包括修改全局变量、修改传入的参数、发送网络请求等。它只依赖于输入的参数,并通过返回值来计算结果。输入确定性:对于相同的输入,纯函数总是返回相同的输出。纯函数的输出只取决于其输入参数的值,而不依赖于其他外部因素。纯函数具有以下几个重要特点和优点:

2023-10-06 18:33:37 25 2

空空如也

空空如也

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

TA关注的人

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