首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
react组件积累
慕仲卿
创建于2023-10-10
订阅专栏
积累一些平时我手写/封装的组件,方便下次使用
等 40 人订阅
共76篇文章
创建于2023-10-10
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
手把手教你封装一个适用于H5端的加载过渡组件
加载过渡效果是改善用户体验的一种方式,它在数据正在加载或处理时给予用户反馈。本文将详细介绍如何使用React和antd-mobile库来封装一个灵活的加载过渡组件,适用于H5端。
Antd InputNumber 组件浅用
InputNumber组件正是为了满足这种需求而设计的,它不仅提供了基本的数字输入功能,还支持一系列高级配置,以适应各种复杂场景。本文将从一个示例代码入手,详细介绍 InputNumber组件。
前端常用到的“参数导致列表重绘”的几种情况
本文将详细介绍在Vue或React中参数变化导致重新发起数据请求的几种情况,以及如何通过合理的策略来优化性能。
对Antd Form.Item特定字段进行校验
在使用Ant Design的`Form`组件开发表单时,我们经常遇到这样的需求:在某些特定操作下,只校验表单中的某几个字段,而不是整个表单的所有字段。
笔记:useMemo vs computed & useEffect vs watch
本文对比两组相似功能或概念:useMemo vs computed 以及 useEffect vs watch.
你如何教一个React开发使用Vue3 第二弹
除了name、components、props、data这四个基础键之外,Vue还提供了一系列的高级特性,本文将深入探讨这些高级使用技巧,并使用代码进行演示。
你如何教一个React开发使用Vue3
Vue.js是一个构建用户界面的渐进式框架,以其简单易学和强大的功能而受到前端开发者的喜爱。本文可作为React开发者使用Vue3.x的前菜,将封装Vue组件作为切入点,打开Vue3的学习之门。
深入理解和实现 useFirstState 自定义 React 钩子
在 React 开发过程中,状态管理是构建动态交云应用的核心。React 提供了 useState 钩子,使得在函数组件中使用状态变得简单直接。然而在某些场景下,开发者可能需要保留组件的初始状态...
记一次前后端分离开发经验 -- 前端部分
由于文章太长了,导致编辑器太卡,所以不得已将文章分成两部分。这部分是【记一次前后端分离开发经验】的第二部分。这部分主要是前端代码介绍以及效果展示。
前端开发框架Umi代理配置
在使用Umi框架开发过程中,经常需要代理 API 请求到后端服务器,以解决本地开发环境中的跨域请求问题。Umi 提供了一种简便的方式来配置 API 代理。
Tree组件的双击编辑和失焦回填
以Ant Design组件库的Tree组件为例。本文展示了如何在实现双击编辑以及失焦回填的功能,这一功能对于提高可用性是由很大帮助的。
React中的20个最佳实践
本文介绍在使用react框架开发时候的20个最常见的最佳实践,如果您对此感兴趣的话可以在评论区补充。
二维码技术及其在 React 中的实现
二维码(快速响应码)是一种能在黑白方格上存储大量信息的二维条形码。最初为日本汽车工业开发,由于其快速读取能力和相比传统条形码更大的存储容量,二维码在全球范围内广受欢迎。本文介绍在React中实现QR。
实现 React 应用中的登录校验功能:一个实用指南
在 Web 应用中,确保用户在访问敏感内容前已通过身份验证是至关重要的。本文将详细介绍如何在一个基于 React 和 React Router 的应用程序中实现这一功能。
使用 Fuse.js 实现高效的模糊搜索
在现代 Web 应用程序中,实现高效的搜索功能是至关重要的。无论您正在开发电子商务网站、博客平台还是其他类型的应用,帮助用户快速找到所需信息都是一个关键功能。本文介绍Fuse.js以实现此功能。
React Query 项目实用指南
React Query 是一个强大的数据同步库,使得在 React 应用中处理异步请求、缓存和更新状态变得简单高效。本文将介绍如何在 React 应用中使用 React Query 的两个主要功能。
如何在React中实现编辑框自动获取焦点与失焦更新功能
本文将介绍如何使用`useRef`和`useEffect`钩子,在组件中实现输入框自动获取焦点及失焦后更新数据的功能。
在 React 函数式组件中使用 MobX
这篇文章将介绍如何在 React 函数式组件中结合使用 MobX 和 mobx-react包提供的 observer函数👀 以及Provider🏭 和 useContext。
Blob、File与Antd Upload
JavaScript提供了`Blob`和`File`两个核心对象来在前端处理文件数据,而Ant Design的`Upload`组件则是基于React的一种方便的上传组件。
组件状态管理:React中的艺术与科学
本文旨在讲解React中组件状态管理的实践和原则,帮助你构建可维护和高效的前端应用。希望对您有所帮助。
下一页