2023年3月15日
前端经典react面试题（持续更新中）
摘要： React必须使用JSX吗？ React 并不强制要求使用 JSX。当不想在构建环境中配置有关 JSX 编译时，不在 React 中使用 JSX 会更加方便。 每个 JSX 元素只是调用 React.createElement(component, props, ...children) 的语法糖。 阅读全文
posted @ 2023-03-15 11:04 xiaofeng123aa 阅读(89) 评论(0) 推荐(0)
细说React组件性能优化
摘要： React 组件性能优化最佳实践 React 组件性能优化的核心是减少渲染真实 DOM 节点的频率，减少 Virtual DOM 比对的频率。如果子组件未发生数据改变不渲染子组件。 组件卸载前进行清理操作 以下代码在组件挂载时会创建一个interval组件销毁后清除定时器，间隔1秒会触发渲染coun 阅读全文
posted @ 2023-03-15 11:04 xiaofeng123aa 阅读(36) 评论(0) 推荐(0)
京东前端高频react面试题及答案
摘要： react 生命周期 初始化阶段： getDefaultProps:获取实例的默认属性 getInitialState:获取每个实例的初始化状态 componentWillMount：组件即将被装载、渲染到页面上 render:组件在这里生成虚拟的 DOM 节点 componentDidMount: 阅读全文
posted @ 2023-03-15 11:03 xiaofeng123aa 阅读(59) 评论(0) 推荐(0)
读懂React原理之调和与Fiber
摘要： 一 引沿 Fiber 架构是React16中引入的新概念，目的就是解决大型 React 应用卡顿，React在遍历更新每一个节点的时候都不是用的真实DOM，都是采用虚拟DOM，所以可以理解成fiber就是React的虚拟DOM，更新Fiber的过程叫做调和，每一个fiber都可以作为一个执行单元来处 阅读全文
posted @ 2023-03-15 11:03 xiaofeng123aa 阅读(61) 评论(0) 推荐(0)
2023年3月1日
前端一面react面试题指南
摘要： React 事件机制 <div onClick={this.handleClick.bind(this)}>点我</div> React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装 阅读全文
posted @ 2023-03-01 17:21 xiaofeng123aa 阅读(51) 评论(0) 推荐(0)
深度剖析React懒加载原理
摘要： 目录 代码分割 React的懒加载 import() 原理 React.lazy 原理 Suspense 原理 参考 1.代码分割 （1）为什么要进行代码分割？ 现在前端项目基本都采用打包技术，比如 Webpack，JS逻辑代码打包后会产生一个 bundle.js 文件，而随着我们引用的第三方库越来 阅读全文
posted @ 2023-03-01 17:20 xiaofeng123aa 阅读(71) 评论(0) 推荐(0)
美团前端二面常考react面试题及答案
摘要： 什么原因会促使你脱离 create-react-app 的依赖 当你想去配置 webpack 或 babel presets。 React 16中新生命周期有哪些 关于 React16 开始应用的新生命周期： 可以看出，React16 自上而下地对生命周期做了另一种维度的解读： Render 阶段： 阅读全文
posted @ 2023-03-01 17:20 xiaofeng123aa 阅读(45) 评论(0) 推荐(0)
深度探讨react-hooks实现原理
摘要： react hooks 实现 Hooks 解决了什么问题 在 React 的设计哲学中，简单的来说可以用下面这条公式来表示： UI = f(data) 等号的左边时 UI 代表的最终画出来的界面；等号的右边是一个函数，也就是我们写的 React 相关的代码；data 就是数据，在 React 中，d 阅读全文
posted @ 2023-03-01 17:20 xiaofeng123aa 阅读(54) 评论(0) 推荐(0)
2023年2月28日
阿里前端二面常考react面试题（必备）
摘要： 说说 React组件开发中关于作用域的常见问题。 在 EMAScript5语法规范中，关于作用域的常见问题如下。 （1）在map等方法的回调函数中，要绑定作用域this（通过bind方法）。 （2）父组件传递给子组件方法的作用域是父组件实例化对象，无法改变。 （3）组件事件回调函数方法的作用域是组件 阅读全文
posted @ 2023-02-28 10:22 xiaofeng123aa 阅读(53) 评论(0) 推荐(0)
升级到React-Router-v6
摘要： 前言 近期完成了公司新项目的开发，相关的技术栈都用到了最新版本，react router 也使用了 v6 的版本，所以借这个机会自己再梳理下 react router v5 与 v6 的区别，以及 v6 一些新特性。而在原有项目还是使用老版本 react router 的情况下，不太建议急着直接升级 阅读全文
posted @ 2023-02-28 10:21 xiaofeng123aa 阅读(46) 评论(0) 推荐(0)
下一页