xiaofeng123aa - 博客园

2023年2月28日

摘要：在 React 中如何处理事件为了解决跨浏览器的兼容性问题，SyntheticEvent 实例将被传递给你的事件处理函数，SyntheticEvent是 React 跨浏览器的浏览器原生事件包装器，它还拥有和浏览器原生事件相同的接口，包括 stopPropagation() 和 preventDe 阅读全文

posted @ 2023-02-28 10:21 xiaofeng123aa 阅读(36) 评论(0) 推荐(0)

深入分析React-Scheduler原理

摘要：关键词：react react-scheduler scheduler 时间切片任务调度 workLoop 背景本文所有关于 React 源码的讨论，基于 React v17.0.2 版本。文章背景工作中一直有在用 React 相关的技术栈，但却一直没有花时间好好思考一下其底层的运行逻辑，碰阅读全文

posted @ 2023-02-28 10:21 xiaofeng123aa 阅读(136) 评论(0) 推荐(0)

2023年2月27日

滴滴前端高频react面试题汇总

摘要：说说 React组件开发中关于作用域的常见问题。在 EMAScript5语法规范中，关于作用域的常见问题如下。（1）在map等方法的回调函数中，要绑定作用域this（通过bind方法）。（2）父组件传递给子组件方法的作用域是父组件实例化对象，无法改变。（3）组件事件回调函数方法的作用域是组件阅读全文

posted @ 2023-02-27 13:13 xiaofeng123aa 阅读(38) 评论(0) 推荐(0)

你要的react+ts最佳实践指南

摘要：本文根据日常开发实践，参考优秀文章、文档，来说说 TypeScript 是如何较优雅的融入 React 项目的。温馨提示：日常开发中已全面拥抱函数式组件和 React Hooks，class 类组件的写法这里不提及。前沿以前有 JSX 语法，必须引入 React。React 17.0+ 不需要阅读全文

posted @ 2023-02-27 13:13 xiaofeng123aa 阅读(99) 评论(0) 推荐(0)

腾讯前端必会react面试题合集

摘要： React-Router的路由有几种模式？ React-Router 支持使用 hash（对应 HashRouter）和 browser（对应 BrowserRouter）两种路由规则， react-router-dom 提供了 BrowserRouter 和 HashRouter 两个组件来实现阅读全文

posted @ 2023-02-27 13:13 xiaofeng123aa 阅读(55) 评论(0) 推荐(0)

几个你必须知道的React错误实践

摘要：本文是作者在实际工作经验中总结提炼出的错误使用 React 的一些方式，希望能够帮助你摆脱这些相同的错误。 1. Props 透传 props 透传是将单个 props 从父组件向下多层传递的做法。理想状态下，props 不应该超过两层。当我们选择多层传递时，会导致一些性能问题，这也让 Reac 阅读全文

posted @ 2023-02-27 13:12 xiaofeng123aa 阅读(42) 评论(0) 推荐(0)

2023年2月24日

阿里前端二面必会react面试题指南

摘要：这段代码有什么问题吗？这段代码有什么问题: this.setState((prevState, props) => { return { streak: prevState.streak + props.count, }; }); 答案：没有什么问题。这种方式很少被使用，咱们可以将一个函数传递给阅读全文

posted @ 2023-02-24 08:11 xiaofeng123aa 阅读(268) 评论(0) 推荐(0)

一文读透react精髓

摘要：学和使用react有一年多了，最近想在梳理一下react基础知识,夯实基础，激流勇进~ 关于reacr-router,redux,redux-saga后续都会慢慢输出，希望各位看官老爷持续关注~~要是能给个赞鼓励一下就更赞了~ react基础知识速览 1、什么是JSX？一个JSX语法的示例，如下所阅读全文

posted @ 2023-02-24 08:09 xiaofeng123aa 阅读(35) 评论(0) 推荐(0)

2022年12月12日

react组件深度解读

摘要：五、React 核心是组件在 React 中，我们使用组件（有状态、可组合、可重用）来描述 UI 。在任何编程语言中，你都可以将组件视为简单的函数。 React 组件也一样，它的输入是 props，输出是关于 UI 的描述。我们可以在多个 UI 中重用单个组件，组件也可以包含其他组件。Reac 阅读全文

posted @ 2022-12-12 10:59 xiaofeng123aa 阅读(56) 评论(0) 推荐(0)

react进阶用法完全指南

摘要： React调用回调函数，正确设置this指向的三种方法通过bind this.increment = this.increment.bind(this); 通过箭头函数 <button onClick={this.multi}>点我*10</button> multi = () => { this 阅读全文

posted @ 2022-12-12 10:59 xiaofeng123aa 阅读(61) 评论(0) 推荐(0)

公告