夏天的味道123

2023年2月28日

摘要：为什么 React 元素有一个 $$typeof 属性目的是为了防止 XSS 攻击。因为 Synbol 无法被序列化，所以 React 可以通过有没有 $$typeof 属性来断出当前的 element 对象是从数据库来的还是自己生成的。如果没有 $$typeof 这个属性，react 会拒绝处阅读全文

posted @ 2023-02-28 09:59 夏天的味道123 阅读(202) 评论(0) 推荐(0)

深度讲解React Props

摘要：一、props的介绍当React遇到的元素是用户自定义的组件，它会将JSX属性作为单个对象传递给该组件，这个对象称之为“props”。函数声明的组件，会接受一个props形参，获取属性传递的参数 function ComponentA(props) { return <div>我是组件B:{pr 阅读全文

posted @ 2023-02-28 09:59 夏天的味道123 阅读(154) 评论(0) 推荐(0)

2023年2月27日

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

摘要： React 组件中怎么做事件代理？它的原理是什么？ React基于Virtual DOM实现了一个SyntheticEvent层（合成事件层），定义的事件处理器会接收到一个合成事件对象的实例，它符合W3C标准，且与原生的浏览器事件拥有同样的接口，支持冒泡机制，所有的事件都自动绑定在最外层上。在Re 阅读全文

posted @ 2023-02-27 13:01 夏天的味道123 阅读(69) 评论(0) 推荐(0)

从实现一个React到深度理解React框架核心原理

摘要：前言这篇文章循序渐进地介绍实现以下几个概念，遵循本篇文章基本就能搞懂为啥需要fiber，为啥需要commit和phases、reconciliation阶段等原理。本篇文章又不完全和原文一致，这里会加入我自己的一些思考，比如经过performUnitOfWork处理后fiber tree和elem 阅读全文

posted @ 2023-02-27 13:01 夏天的味道123 阅读(48) 评论(0) 推荐(0)

校招前端高频react面试题合集

摘要：了解redux吗？ redux 是一个应用数据流框架，主要解决了组件之间状态共享问题，原理是集中式管理，主要有三个核心方法：action store reduce 工作流程 view 调用store的dispatch 接受action传入的store，reduce进行state操作 view通过st 阅读全文

posted @ 2023-02-27 13:00 夏天的味道123 阅读(77) 评论(0) 推荐(0)

彻底搞懂React-hook链表构建原理

摘要：写在前面的小结每一个 hook 函数都有对应的 hook 对象保存状态信息 useContext是唯一一个不需要添加到 hook 链表的 hook 函数只有 useEffect、useLayoutEffect 以及 useImperativeHandle 这三个 hook 具有副作用，在 ren 阅读全文

posted @ 2023-02-27 13:00 夏天的味道123 阅读(260) 评论(0) 推荐(0)

2023年2月23日

前端二面高频react面试题集锦

摘要： diff 虚拟DOM 比较的规则【旧虚拟DOM】与【新虚拟DOM】中相同key 若虚拟DOM中的内容没有发生改变，直接使用旧的虚拟DOM 若虚拟DOM中的内容发生改变了，则生成新真实的DOM，随后替换页面中之前的真实DOM 【旧虚拟DOM】中未找到与【新虚拟DOM】相同的key 根据数据阅读全文

posted @ 2023-02-23 19:38 夏天的味道123 阅读(40) 评论(0) 推荐(0)

人人能读懂redux原理剖析

摘要：一、Redux是什么？众所周知，Redux最早运用于React框架中，是一个全局状态管理器。Redux解决了在开发过程中数据无限层层传递而引发的一系列问题，因此我们有必要来了解一下Redux到底是如何实现的？二、Redux的核心思想？ Redux主要分为几个部分：dispatch、reducer 阅读全文

posted @ 2023-02-23 19:37 夏天的味道123 阅读(146) 评论(0) 推荐(0)

2022年12月12日

React高级特性之Render Props

摘要： render prop是一个技术概念。它指的是使用值为function类型的prop来实现React component之间的代码共享。如果一个组件有一个render属性，并且这个render属性的值为一个返回React element的函数，并且在组件内部的渲染逻辑是通过调用这个函数来完成的。那阅读全文

posted @ 2022-12-12 10:48 夏天的味道123 阅读(152) 评论(0) 推荐(0)

react-Suspense工作原理分析

摘要： Suspense 基本应用 Suspense 目前在 react 中一般配合 lazy 使用，当有一些组件需要动态加载(例如各种插件)时可以利用 lazy 方法来完成。其中 lazy 接受类型为 Promise<() => {default: ReactComponet}> 的参数，并将其包装为 r 阅读全文

posted @ 2022-12-12 10:48 夏天的味道123 阅读(495) 评论(0) 推荐(0)

公告