beifeng11996 - 博客园

2023年1月4日

摘要：调用 setState 之后发生了什么在代码中调用 setState 函数之后，React 会将传入的参数与之前的状态进行合并，然后触发所谓的调和过程（Reconciliation）。经过调和过程，React 会以相对高效的方式根据新的状态构建 React 元素树并且着手重新渲染整个 UI 界面。阅读全文

posted @ 2023-01-04 15:39 beifeng11996 阅读(84) 评论(0) 推荐(0) 编辑

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

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

posted @ 2023-01-04 15:38 beifeng11996 阅读(32) 评论(0) 推荐(0) 编辑

2023年1月3日

阿里前端二面必会react面试题总结

摘要：非嵌套关系组件的通信方式？即没有任何包含关系的组件，包括兄弟组件以及不在同一个父级中的非兄弟组件。可以使用自定义事件通信（发布订阅模式）可以通过redux等进行全局状态管理如果是兄弟组件通信，可以找到这两个兄弟节点共同的父节点, 结合父子间通信方式进行通信。 react hooks，它带来了阅读全文

posted @ 2023-01-03 09:33 beifeng11996 阅读(103) 评论(0) 推荐(0) 编辑

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

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

posted @ 2023-01-03 09:32 beifeng11996 阅读(15) 评论(0) 推荐(0) 编辑

字节前端必会react面试题

摘要： React 中 keys 的作用是什么？ Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。在 React 中渲染集合时，向每个重复的元素添加关键字对于帮助React跟踪元素与数据之间的关联非常重要。key 应该是唯一ID，最好是 UUID 或收集项中的其他唯一字阅读全文

posted @ 2023-01-03 09:32 beifeng11996 阅读(73) 评论(0) 推荐(0) 编辑

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

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

posted @ 2023-01-03 09:31 beifeng11996 阅读(325) 评论(0) 推荐(0) 编辑

2023年1月2日

2022前端二面react面试题（边面边更）

摘要：何为 JSX JSX 是 JavaScript 语法的一种语法扩展，并拥有 JavaScript 的全部功能。JSX 生产 React "元素"，你可以将任何的 JavaScript 表达式封装在花括号里，然后将其嵌入到 JSX 中。在编译完成之后，JSX 表达式就变成了常规的 JavaScript 阅读全文

posted @ 2023-01-02 10:21 beifeng11996 阅读(76) 评论(0) 推荐(0) 编辑

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

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

posted @ 2023-01-02 10:21 beifeng11996 阅读(12) 评论(0) 推荐(0) 编辑

校招前端一面经典react面试题（附答案）

摘要： React.forwardRef是什么？它有什么作用？ React.forwardRef 会创建一个React组件，这个组件能够将其接受的 ref 属性转发到其组件树下的另一个组件中。这种技术并不常见，但在以下两种场景中特别有用：转发 refs 到 DOM 组件在高阶组件中转发 refs 跨级组阅读全文

posted @ 2023-01-02 10:20 beifeng11996 阅读(45) 评论(0) 推荐(0) 编辑

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

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

posted @ 2023-01-02 10:19 beifeng11996 阅读(27) 评论(0) 推荐(0) 编辑

beifeng1996

公告