上一页 1 2 3 4 5 6 ··· 24 下一页
摘要: 你对 Time Slice的理解? 时间分片 React 在渲染(render)的时候,不会阻塞现在的线程 如果你的设备足够快,你会感觉渲染是同步的 如果你设备非常慢,你会感觉还算是灵敏的 虽然是异步渲染,但是你将会看到完整的渲染,而不是一个组件一行行的渲染出来 同样书写组件的方式 也就是说,这是R 阅读全文
posted @ 2023-03-01 08:11 beifeng11996 阅读(80) 评论(0) 推荐(0) 编辑
摘要: 前言 不知道大家有没有过这个疑问,React 中 setState() 为什么是异步的?我一度认为 setState() 是同步的,知道它是异步的之后很是困惑,甚至期待 React 能出一个 setStateSync() 之类的 API。同样有此疑问的还有 MobX 的作者 Michel Wests 阅读全文
posted @ 2023-03-01 08:02 beifeng11996 阅读(7) 评论(0) 推荐(0) 编辑
摘要: Redux实现原理解析 为什么要用redux 在React中,数据在组件中是单向流动的,数据从一个方向父组件流向子组件(通过props),所以,两个非父子组件之间通信就相对麻烦,redux的出现就是为了解决state里面的数据问题 Redux设计理念 Redux是将整个应用状态存储到一个地方上称为s 阅读全文
posted @ 2023-02-28 08:11 beifeng11996 阅读(37) 评论(0) 推荐(0) 编辑
摘要: High Order Component(包装组件,后面简称HOC),是React开发中提高组件复用性的高级技巧。HOC并不是React的API,他是根据React的特性形成的一种开发模式。 HOC具体上就是一个接受组件作为参数并返回一个新的组件的方法 const EnhancedComponent 阅读全文
posted @ 2023-02-28 08:11 beifeng11996 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 用户不同权限 可以查看不同的页面 如何实现? Js方式 根据用户权限类型,把菜单配置成json, 没有权限的直接不显示 react-router 方式 在route 标签上 添加onEnter事件,进入路由之前替换到首页 <Route path="/home" component={App} onE 阅读全文
posted @ 2023-02-28 08:10 beifeng11996 阅读(155) 评论(0) 推荐(0) 编辑
摘要: Redux可是一个大名鼎鼎的库,很多地方都在用,我也用了几年了,今天这篇文章就是自己来实现一个Redux,以便于深入理解他的原理。我们还是老套路,从基本的用法入手,然后自己实现一个Redux来替代源码的NPM包,但是功能保持不变。本文只会实现Redux的核心库,跟其他库的配合使用,比如React-R 阅读全文
posted @ 2023-02-28 08:10 beifeng11996 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 提问:react项目中的JSX里,onChange={this.func.bind(this)}的写法,为什么要比非bind的func = () => {}的写法效率高? 声明: 由于本人水平有限,有考虑不周之处,或者出现错误的,请严格指出,小弟感激不尽。这是小弟第一篇文章,有啥潜规则不懂的,你们就 阅读全文
posted @ 2023-02-28 07:40 beifeng11996 阅读(8) 评论(0) 推荐(0) 编辑
摘要: React 性能优化 shouldCompoentUpdate pureComponent 自带shouldCompoentUpdate的浅比较优化 结合Immutable.js达到最优 为什么 useState 要使用数组而不是对象 useState 的用法: const [count, setC 阅读全文
posted @ 2023-02-27 09:38 beifeng11996 阅读(22) 评论(0) 推荐(0) 编辑
摘要: 1.虚拟dom 原生的JS DOM操作非常消耗性能,而React把真实原生JS DOM转换成了JavaScript对象。这就是虚拟Dom(Virtual Dom) 每次数据更新后,重新计算虚拟Dom,并和上一次生成的虚拟dom进行对比,对发生变化的部分作批量更新。在此其中,React提供了compo 阅读全文
posted @ 2023-02-27 09:37 beifeng11996 阅读(63) 评论(0) 推荐(0) 编辑
摘要: 说说你用react有什么坑点? 1. JSX做表达式判断时候,需要强转为boolean类型 如果不使用 !!b 进行强转数据类型,会在页面里面输出 0。 render() { const b = 0; return <div> { !!b && <div>这是一段文本</div> } </div> 阅读全文
posted @ 2023-02-27 09:37 beifeng11996 阅读(26) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 ··· 24 下一页