react
文章平均质量分 87
海燕技术栈
既然巅峰留不住,那就重走来时路
展开
-
什么是redux?如何在react 项目中使用redux?
原文合集地址如下,有需要的朋友可以关注。原创 2023-08-07 17:54:05 · 1355 阅读 · 0 评论 -
在react项目中如何引入国际化
原文合集地址如下,有需要的朋友可以关注。原创 2023-07-27 23:17:08 · 737 阅读 · 0 评论 -
深入理解Promise
当谈论 Promise 时,可以将其比喻为一种承诺或契约,用于处理异步操作的结果。异步操作是指那些不会立即完成的操作,比如从服务器获取数据、读取文件、发送网络请求等等。通常情况下,这些操作需要一定的时间来完成。Promise 的主要目的是在异步操作完成后,通过 Promise 对象来获取操作的结果或处理操作的失败情况。Promise 可以有三种状态:进行中(Pending)、已成功(Fulfilled)和已失败(Rejected)。原创 2023-07-27 23:12:25 · 112 阅读 · 0 评论 -
React+TypeScript项目中如何使用CodeMirror?
之前做需求用到过codeMirror这个工具,觉得还不错,功能很强大,所以记录一下改工具的基础用法,分享给大家。CodeMirror被广泛应用于许多Web应用程序和开发工具,例如代码编辑器、集成开发环境(IDE)、在线教育平台等。它提供了一个可嵌入的、灵活的解决方案,让开发者可以轻松地在网页中实现功能强大的代码编辑器。原创 2023-07-24 22:32:52 · 623 阅读 · 0 评论 -
React常用Hooks
原文合集地址如下,有需要的朋友可以关注React 提供了许多常用的 Hooks,用于在函数组件中添加状态管理、副作用处理和其他功能,下面介绍其中几个常用的,React还有很多其他hooks。原创 2023-07-18 21:57:28 · 209 阅读 · 0 评论 -
React、Vue框架如何实现组件更新,原理是什么?
diff 算法是虚拟 DOM 中用于增量更新的关键算法。它的主要作用是对比两棵虚拟 DOM 树的差异,运算出需要更新的最小量 DOM 操作。用虚拟 DOM 构建出新的DOM树(树A)将新的DOM树与旧的DOM树(树B)进行对比找出差异对比过程中,首先比较树A和树B的根节点如果根节点不相同,直接替换整个DOM树如果根节点相同,再递归地对比和更新它的属性、子节点等只更新变化的部分,不修改相同的节点最后将变化渲染到真实DOM中。原创 2023-07-17 21:35:02 · 939 阅读 · 0 评论 -
封装React组件DragLine,鼠标拖拽的边框改变元素宽度
创建一个DragLine组件,接受一个onChange函数作为参数,该函数用于接收拖拽宽度的更新。使用useRef钩子来获取容器的引用,以便后续操作。使用useState钩子来追踪拖拽状态,通过isDragging变量表示是否正在拖拽。使用useEffect钩子来添加事件监听器,以便在鼠标移动和释放的过程中执行相应的操作。在回调函数中,根据鼠标位置和容器的左边界计算新的宽度和高度,并通过onChange函数将新的宽度传递给父组件。在回调函数中,将拖拽状态设置为false。原创 2023-07-15 15:00:32 · 1771 阅读 · 0 评论 -
react+jest+enzyme配置及编写前端单元测试UT
原文合集地址如下,有需要的朋友可以关注。原创 2023-07-13 21:56:30 · 1830 阅读 · 0 评论 -
一篇读懂React、vue框架的生命周期函数
原文合集地址如下,有需要的朋友可以关注本文地址合集地址当涉及到前端框架时,React 和 Vue.js 是两个非常受欢迎的选择。它们都提供了强大的工具和功能,帮助开发者构建交互式的、可扩展的应用程序。在这两个框架中,生命周期函数是一个重要的概念,它们允许我们在组件的不同阶段执行特定的代码。React 和 Vue.js 的生命周期函数提供了一种组件生命周期管理的机制,让我们能够在组件的创建、更新和销毁等不同阶段执行特定的操作。这些函数包括在组件实例化、挂载到DOM、更新、卸载等过程中被自动调用,使我们能够在关原创 2023-07-07 22:15:37 · 100 阅读 · 0 评论