beifeng11996 - 博客园

2022年11月18日

摘要： react 的虚拟dom是怎么实现的首先说说为什么要使用Virturl DOM，因为操作真实DOM的耗费的性能代价太高，所以react内部使用js实现了一套dom结构，在每次操作在和真实dom之前，使用实现好的diff算法，对虚拟dom进行比较，递归找出有变化的dom节点，然后对其进行更新操作。为阅读全文

posted @ 2022-11-18 09:18 beifeng11996 阅读(98) 评论(0) 推荐(0) 编辑

React-hooks面试考察知识点汇总

摘要： Hook 简介 Hook出世之前React存在的问题在组件之间复用状态逻辑很难 React 没有提供将可复用性行为“附加”到组件的途径（例如，把组件连接到 store）。有一些解决此类问题的方案，比如 render props 和高阶组件。但是这类方案需要重新组织你的组件结构，这可能会很麻烦，使阅读全文

posted @ 2022-11-18 09:17 beifeng11996 阅读(40) 评论(0) 推荐(0) 编辑

2022年11月16日

一天完成react面试准备

摘要：什么是 React的refs？为什么它们很重要 refs允许你直接访问DOM元素或组件实例。为了使用它们，可以向组件添加个ref属性。如果该属性的值是一个回调函数，它将接受底层的DOM元素或组件的已挂载实例作为其第一个参数。可以在组件中存储它。 export class App extends C 阅读全文

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

面试官：你是怎样进行react组件代码复用的

摘要： mixin Mixin 设计模式 Mixin（混入）是一种通过扩展收集功能的方式，它本质上是将一个对象的属性拷贝到另一个对象上面去，可以拷贝多个属性到一个对象上，为了解决代码复用问题。常用的方法：JQuery 的 extend 方法。 var LogMixin = { log: function( 阅读全文

posted @ 2022-11-16 08:10 beifeng11996 阅读(17) 评论(0) 推荐(0) 编辑

通宵整理的react面试题并附上自己的答案

摘要：什么是 React Fiber? Fiber 是 React 16 中新的协调引擎或重新实现核心算法。它的主要目标是支持虚拟DOM的增量渲染。React Fiber 的目标是提高其在动画、布局、手势、暂停、中止或重用等方面的适用性，并为不同类型的更新分配优先级，以及新的并发原语。 React Fib 阅读全文

posted @ 2022-11-16 08:10 beifeng11996 阅读(44) 评论(0) 推荐(0) 编辑

面试官：说说React-SSR的原理

摘要：前言所谓同构，简而言之就是，第一次访问后台服务时，后台直接把前端要显示的界面全部返回，而不是像 SPA 项目只渲染一个 <div id="root"></div> 剩下的都是靠 JavaScript 脚本去加载。这样一来可以大大减少首屏等待时间。同构概念并不复杂，它也非项目必需品，但是探索它的原阅读全文

posted @ 2022-11-16 08:08 beifeng11996 阅读(122) 评论(0) 推荐(0) 编辑

2022年11月15日

我的react面试题整理2（附答案）

摘要：如何在React中使用innerHTML 增加dangerouslySetInnerHTML属性，并且传入对象的属性名叫_html function Component(props){ return <div dangerouslySetInnerHTML={{_html:'<span>你好</sp 阅读全文

posted @ 2022-11-15 08:24 beifeng11996 阅读(40) 评论(0) 推荐(0) 编辑

面试官让你说说react状态管理？

摘要：开发者普遍认为状态是组件的一部分, 但是同时却又在剥离状态上不停的造轮子, 这不是很矛盾么? 对于一个最简单的文本组件而言 function Text(){ const [text, setText] = useState('载入') return (){ <p>{text}</p> } } 你觉得阅读全文

posted @ 2022-11-15 08:23 beifeng11996 阅读(28) 评论(0) 推荐(0) 编辑

我的react面试题笔记整理（附答案）

摘要： shouldComponentUpdate有什么用？为什么它很重要？组件状态数据或者属性数据发生更新的时候，组件会进入存在期，视图会渲染更新。在生命周期方法 should ComponentUpdate中，允许选择退出某些组件（和它们的子组件）的和解过程。和解的最终目标是根据新的状态，以最有效的阅读全文

posted @ 2022-11-15 08:22 beifeng11996 阅读(49) 评论(0) 推荐(0) 编辑

面试官：React怎么做性能优化

摘要：前言最近一直在学习关于React方面的知识，并有幸正好得到一个机会将其用在了实际的项目中。所以我打算以博客的形式，将我在学习和开发（React）过程中遇到的问题记录下来。这两天遇到了关于组件不必要的重复渲染问题，看了很多遍官方文档以及网上各位大大们的介绍，下面我会通过一些demo结合自己的理解进阅读全文

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

beifeng1996

公告