- 博客(29)
- 收藏
- 关注
RSS订阅
原创 深入React Flow Renderer（一）：构建可拖动低代码工作流（附代码地址）
在现代的Web开发中，构建可视化工作流和图形界面是一项常见的任务。传统上，这需要大量的前端工作，但现在有了一种强大的工具，可以使这个过程更加容易和高效——React Flow Renderer。本系列博客将深入介绍React Flow Renderer，这是一个用于构建可拖动低代码工作流的强大库。
2024-03-22 09:54:00
5575
1
原创 使用React 18、Echarts和MUI实现温度计
在本文中，我们将结合使用`React 18`、`Echarts`和`MUI（Material-UI）`库，展示如何实现一个交互性的温度计
2024-04-08 14:14:23
4100
原创 使用 React 和 ECharts 创建地球模拟扩散和飞线效果
在本博客中，我们将学习如何使用 React 和 ECharts 创建一个酷炫的地球模拟扩散效果。我们将使用 ECharts 作为可视化库，以及 React 来构建我们的应用。地球贴图在文章的结尾。
2024-04-08 14:14:19
8028
原创 使用React和ResizeObserver实现自适应ECharts图表
在现代 Web 开发中，响应式布局和数据可视化是非常常见的需求。本文将介绍如何使用React、ResizeObserver和ECharts库来创建一个自适应的图表组件。
2024-04-02 10:15:31
3691
原创 Docker 如何在前端项目动态插入并使用变量
根据项目需求，在实现登出功能的时候，需要根据测试环境和生产环境调用不同的登出URL。本文介绍了如何在Docker前端镜像设置变量以及使用变量。
2024-04-02 10:15:29
2374
原创 使用React 18和WebSocket构建实时通信功能
/ 获取url//如果当前是HTTPS加密的，那么使用wssif (!port) {wsUrl +=`//${import {// 获取url let port = window . location . port;//如果当前是HTTPS加密的，那么使用wss if(!port) {if(!
2024-04-01 08:44:48
6983
2
原创 LeetCode 力扣： 寻找两个正序数组的中位数 (Javascript）
力扣 LeetCode （4.困难） 寻找两个正序数组的中位数
2024-03-29 09:54:18
1378
1
原创 深入React Flow Renderer（三）：创建和定制节点（附代码）
本文深入介绍了如何创建和定制节点，在React Flow Renderer中，节点是构建工作流界面的关键部分。通过定制节点组件和注册节点类型，您可以轻松扩展工作流的功能和外观，以满足项目的需求。在下一篇博客中，我们将继续探讨React Flow Renderer的画布功能和连接线功能。敬请期待！
2024-03-29 09:54:13
2517
1
原创 js处理IOS虚拟键盘弹出后输入框被遮住
在项目开发的过程中，在IOS手机端系统下，当对输入框（input/textarea）进行focus操作时，键盘弹起遮住输入框。
2024-03-29 09:54:11
614
原创 React-hook-form-mui（三）：表单验证
在上一篇文章中，我们介绍了react-hook-form-mui的表单数据处理。本文将着重讲解表单验证功能。
2024-03-29 09:54:08
2385
2
原创 深入React Flow Renderer（二）：构建拖动操作栏
上一篇博客中，我们介绍了如何启动React Flow Renderer并创建一个基本的工作流界面。本文将进一步深入，着重讨论如何构建一个可拖动的操作栏，它是用户与工作流交互的入口之一
2024-03-28 08:42:24
4093
1
原创 React Grid Layout基础使用
React Grid Layout是一个用于在React应用程序中创建可拖拽和可调整大小的网格布局的库。它提供了一个灵活的网格系统，可以帮助开发人员构建响应式的布局，并支持拖拽、调整大小和动画效果。本文将介绍如何使用React Grid Layout来创建自适应的布局。
2024-03-26 14:57:18
3733
2
原创 React-hook-form-mui（一）：基本使用
本文及以下几篇文章，会从简到难讲解如何使用。希望通过这几篇文章的介绍，能够帮助你入门`react-hook-form-mui`
2024-03-25 13:07:50
3512
原创 使用 React 和 MUI 创建多选 Checkbox 树组件
在本篇博客中，我们将使用 React 和 MUI（Material-UI）库来创建一个多选 Checkbox 树组件。该组件可以用于展示树形结构的数据，并允许用户选择多个节点。
2024-03-15 15:25:36
2773
原创 React-hook-form-mui（二）：表单数据处理
在上一篇文章中，我们介绍了`react-hook-form-mui`的基础用法。本文将着表单数据处理。
2024-03-14 09:26:36
1830
原创 React使用 useImperativeHandle 自定义暴露给父组件的实例方法（包括依赖）
useImperativeHandle 是 React 提供的一个自定义 Hook，用于在函数组件中显式地暴露给父组件特定实例的方法。本文将介绍 useImperativeHandle 的基本用法、常见应用场景，以及如何处理其依赖项，以帮助读者全面理解其使用。
2024-03-06 08:34:15
1857
原创 JavaScript判断时间间隔是否连续为一天的方法
在开发中，我们经常需要判断一个数组中的对象的时间间隔是否连续。本文将介绍一个方法，通过对数组中的对象进行排序和比较，来判断时间是否从00:00到24:00连续。
2024-01-15 16:24:23
950
原创 React-hook-form-mui（五）：包含内嵌表单元素的表单
在实际项目中，从后端获取的数据可能是复杂的数据对象，本文将介绍，如何通过`react-hook-form-mui`实现一个包含内嵌表单元素的表单
2023-12-28 15:19:52
1645
原创 React-hook-form-mui（四）：使用reset与初始化后端数据
本文将从实际项目出发，介绍在真实项目中，如何与后端数据联调并初始化页面数据。`react-hook-form-mui`提供了 `reset`方法，当页面初始化的时候，调用后端数据，并通过reset方法，初始化表单的数据
2023-12-27 10:07:41
529
原创 前端js优化表单中单个输入框的回车提交事件
通过以上优化方法，我们可以避免在只有一个输入框的表单中，回车键触发表单提交事件的问题。这样可以提升用户体验，并确保表单的行为符合预期。按钮，在输入框内按下回车键就会触发表单的提交事件。这可能会导致一些意外的行为，特别是当用户不希望提交表单时。这样，回车键按下时会聚焦到隐藏的输入框上，而不会触发表单的提交事件。另一种方法是在表单中添加一个隐藏的输入框，并将其样式设置为。如果表单只有一个输入框，我们可以将该输入框放在一个独立的。这样做可以避免回车键触发表单提交事件的问题。输入框时，即使表单没有。
2023-12-21 09:51:23
552
原创 Angular11 MSAL B2C登录实例 （一）
因为项目需求，需要把Angular 11项目中登录方式改成B2C登录，所以在参考了一系列文档后，成功通过MSAL将项目的登录方式改成B2C登录。下面介绍了详细步骤及一些注意事项。
2023-12-18 08:56:54
120
原创 Angular11 MSAL B2C登录实例 （二）
上文介绍了在app.module.ts里的配置，本文着重讲解下在app-routing.module.ts和index.html里的设置。
2023-12-11 09:00:57
103
原创 解决 Angular Forms 报错：Two incompatible decorators on class
在升级 Angular 版本时，遇到报错可能会让你感到困惑。通过在项目的文件中添加一些配置，我们可以解决这个问题。希望本文对你有所帮助。如果你有任何问题或疑问，欢迎在下方留言，我会尽力帮助你解决。
2023-11-09 17:16:26
127
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人