beifeng11996 - 博客园

2022年12月16日

2022前端高频react面试题集锦

摘要： Redux 原理及工作流程（1）原理 Redux源码主要分为以下几个模块文件 compose.js 提供从右到左进行函数式编程 createStore.js 提供作为生成唯一store的函数 combineReducers.js 提供合并多个reducer的函数，保证store的唯一性 bindA 阅读全文

posted @ 2022-12-16 08:41 beifeng11996 阅读(98) 评论(0) 推荐(0) 编辑

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

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

posted @ 2022-12-16 08:39 beifeng11996 阅读(26) 评论(0) 推荐(0) 编辑

2022年12月15日

高级前端一面必会react面试题（持续更新中）

摘要：为什么虚拟 dom 会提高性能虚拟 dom 相当于在 js 和真实 dom 中间加了一个缓存，利用 dom diff 算法避免了没有必要的 dom 操作，从而提高性能具体实现步骤如下: 用 JavaScript 对象结构表示 DOM 树的结构;然后用这个树构建一个真正的 DOM 树，插到文档阅读全文

posted @ 2022-12-15 07:57 beifeng11996 阅读(166) 评论(0) 推荐(0) 编辑

一天梳理完React所有面试考察知识点

摘要：性能优化性能优化，永远是面试的重点，性能优化对于 React 更加重要在页面中使用了setTimout()、addEventListener()等，要及时在componentWillUnmount()中销毁使用异步组件使用 React-loadable 动态加载组件 shouldCompon 阅读全文

posted @ 2022-12-15 07:56 beifeng11996 阅读(11) 评论(0) 推荐(0) 编辑

高级前端一面常考react面试题总结

摘要：调和阶段 setState内部干了什么当调用 setState 时，React会做的第一件事情是将传递给 setState 的对象合并到组件的当前状态这将启动一个称为和解（reconciliation）的过程。和解（reconciliation）的最终目标是以最有效的方式，根据这个新的状态来更新阅读全文

posted @ 2022-12-15 07:55 beifeng11996 阅读(161) 评论(0) 推荐(0) 编辑

一道React面试题把我整懵了

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

posted @ 2022-12-15 07:53 beifeng11996 阅读(23) 评论(0) 推荐(0) 编辑

2022年12月14日

社招前端二面react面试题集锦

摘要：在哪个生命周期中你会发出Ajax请求？为什么？ Ajax请求应该写在组件创建期的第五个阶段，即 componentDidMount生命周期方法中。原因如下。在创建期的其他阶段，组件尚未渲染完成。而在存在期的5个阶段，又不能确保生命周期方法一定会执行（如通过 shouldComponentUpdat 阅读全文

posted @ 2022-12-14 10:11 beifeng11996 阅读(20) 评论(0) 推荐(0) 编辑

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

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

posted @ 2022-12-14 10:10 beifeng11996 阅读(44) 评论(0) 推荐(0) 编辑

常见react面试题

摘要： React组件命名推荐的方式是哪个？通过引用而不是使用来命名组件displayName。使用displayName命名组件： export default React.createClass({ displayName: 'TodoApp', // ...}) React推荐的方法： expor 阅读全文

posted @ 2022-12-14 10:10 beifeng11996 阅读(30) 评论(0) 推荐(0) 编辑

react的jsx和React.createElement是什么关系？面试常问

摘要： 1、JSX 在React17之前，我们写React代码的时候都会去引入React，并且自己的代码中没有用到，这是为什么呢？这是因为我们的 JSX 代码会被 Babel 编译为 React.createElement，我们来看一下babel的表示形式。需要注意的是：自定义组件时需要首字母用大写，阅读全文

posted @ 2022-12-14 10:09 beifeng11996 阅读(13) 评论(0) 推荐(0) 编辑

beifeng1996

公告