- 博客(6)
- 收藏
- 关注
原创 Promise.all
2, all的参数(Promise数组)和返回值(新Promise对象)4, 只要有一个reject就整体reject。1, 要在Promise上写而不是原型上写。3, 用数组来记录结果。
2023-05-31 18:40:46 106 1
原创 手写节流和防抖
场景: 用户频繁点击按钮,但是预期不希望用户频繁点击;把这个函数节流一下;例如有个5S抢购按钮, 点击一次就不能再点了,意思是点了一次按钮后就进入冷却中, 过5S恢复;场景: 一般是页面修改大小的时候, 用户频繁对页面进行拖动操作;我希望停止之后再去实现一个效果;比如等用户拖拽页面结束的时候再去执行定位功能;fn.call(undefined,...args) //新调用。clearTimeout(timer) //打断。console.log('节流')console.log('防抖')
2023-05-30 18:50:01 122 1
原创 React.memo和useMemo、useCallback的区别
在子组件不需要父组件的值和函数的情况下,只需要使用memo函数包裹子组件即可。如果有函数传递给子组件,使用如果有值传递给子组件,使用useMemouseEffectuseMemo都是自带闭包的。也就是说,每一次组件的渲染,其都会捕获当前组件函数上下文中的状态(stateprops),所以每一次这三种hooks的执行,反映的也都是当前的状态,你无法使用它们来捕获上一次的状态。对于这种情况,我们应该使用ref来访问。彻底理解 React hook useCallback和useMemo的区别 - 掘金。
2023-05-17 18:16:06 433
原创 React常见的题(总结)
当父组件向子组件组件通信的时候,父组件中数据发生改变,更新父组件导致子组件的更新渲染,但是如果修改的数据跟子组件无关的话,更新子组件会导致子组件不必要的DOM渲染,是比较消耗性能的,这个时候我们可以使用useMemo或者memo做组件的缓存,减少子组件不必要的DOM渲染。React Fiber 的目标是提高其在动画、布局、手势、暂停、中止或重用等方面的适用性,并为不同类型的更新分配优先级,以及新的并发原语。React 路由是一个构建在 React 之上的强大的路由库,它有助于向应用程序添加新的屏幕和流。
2023-05-17 08:39:27 267
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人