beifeng11996 - 博客园

2023年3月1日

摘要：你对 Time Slice的理解? 时间分片 React 在渲染（render）的时候，不会阻塞现在的线程如果你的设备足够快，你会感觉渲染是同步的如果你设备非常慢，你会感觉还算是灵敏的虽然是异步渲染，但是你将会看到完整的渲染，而不是一个组件一行行的渲染出来同样书写组件的方式也就是说，这是R 阅读全文

posted @ 2023-03-01 08:11 beifeng11996 阅读(92) 评论(0) 推荐(0) 编辑

问：React的setState为什么是异步的？

摘要：前言不知道大家有没有过这个疑问，React 中 setState() 为什么是异步的？我一度认为 setState() 是同步的，知道它是异步的之后很是困惑，甚至期待 React 能出一个 setStateSync() 之类的 API。同样有此疑问的还有 MobX 的作者 Michel Wests 阅读全文

posted @ 2023-03-01 08:02 beifeng11996 阅读(9) 评论(0) 推荐(0) 编辑

2023年2月28日

阿里前端二面react面试题

摘要： Redux实现原理解析为什么要用redux 在React中，数据在组件中是单向流动的，数据从一个方向父组件流向子组件（通过props）,所以，两个非父子组件之间通信就相对麻烦，redux的出现就是为了解决state里面的数据问题 Redux设计理念 Redux是将整个应用状态存储到一个地方上称为s 阅读全文

posted @ 2023-02-28 08:11 beifeng11996 阅读(43) 评论(0) 推荐(0) 编辑

你是如何使用React高阶组件的？

摘要： High Order Component（包装组件，后面简称HOC），是React开发中提高组件复用性的高级技巧。HOC并不是React的API，他是根据React的特性形成的一种开发模式。 HOC具体上就是一个接受组件作为参数并返回一个新的组件的方法 const EnhancedComponent 阅读全文

posted @ 2023-02-28 08:11 beifeng11996 阅读(12) 评论(0) 推荐(0) 编辑

2023前端二面必会react面试题合集

摘要：用户不同权限可以查看不同的页面如何实现？ Js方式根据用户权限类型，把菜单配置成json, 没有权限的直接不显示 react-router 方式在route 标签上添加onEnter事件，进入路由之前替换到首页 <Route path="/home" component={App} onE 阅读全文

posted @ 2023-02-28 08:10 beifeng11996 阅读(172) 评论(0) 推荐(0) 编辑

手写一个Redux,深入理解其原理-面试进阶

摘要： Redux可是一个大名鼎鼎的库，很多地方都在用，我也用了几年了，今天这篇文章就是自己来实现一个Redux，以便于深入理解他的原理。我们还是老套路，从基本的用法入手，然后自己实现一个Redux来替代源码的NPM包，但是功能保持不变。本文只会实现Redux的核心库，跟其他库的配合使用，比如React-R 阅读全文

posted @ 2023-02-28 08:10 beifeng11996 阅读(13) 评论(0) 推荐(0) 编辑

一道React面试题把我整懵了

摘要：提问：react项目中的JSX里，onChange={this.func.bind(this)}的写法，为什么要比非bind的func = () => {}的写法效率高？声明: 由于本人水平有限，有考虑不周之处，或者出现错误的，请严格指出，小弟感激不尽。这是小弟第一篇文章，有啥潜规则不懂的，你们就阅读全文

posted @ 2023-02-28 07:40 beifeng11996 阅读(8) 评论(0) 推荐(0) 编辑

2023年2月27日

前端一面react面试题（持续更新中）

摘要： React 性能优化 shouldCompoentUpdate pureComponent 自带shouldCompoentUpdate的浅比较优化结合Immutable.js达到最优为什么 useState 要使用数组而不是对象 useState 的用法： const [count, setC 阅读全文

posted @ 2023-02-27 09:38 beifeng11996 阅读(23) 评论(0) 推荐(0) 编辑

React面试：谈谈虚拟DOM，Diff算法与Key机制

摘要： 1.虚拟dom 原生的JS DOM操作非常消耗性能，而React把真实原生JS DOM转换成了JavaScript对象。这就是虚拟Dom（Virtual Dom）每次数据更新后，重新计算虚拟Dom，并和上一次生成的虚拟dom进行对比，对发生变化的部分作批量更新。在此其中，React提供了compo 阅读全文

posted @ 2023-02-27 09:37 beifeng11996 阅读(73) 评论(0) 推荐(0) 编辑

百度前端高频react面试题（持续更新中）

摘要：说说你用react有什么坑点？ 1. JSX做表达式判断时候，需要强转为boolean类型如果不使用 !!b 进行强转数据类型，会在页面里面输出 0。 render() { const b = 0; return <div> { !!b && <div>这是一段文本</div> } </div> 阅读全文

posted @ 2023-02-27 09:37 beifeng11996 阅读(32) 评论(0) 推荐(0) 编辑

beifeng1996

公告