👉👉👉爬蓝湖原型目录结构
本插件用于爬 蓝湖原型目录结构,导出csv文件,可以用于飞书等 开发项目在线文档。
在 Vue 3 中,我们可以通过自定义 Hook 来将业务逻辑从组件中抽离出来,使得我们的组件更加简洁和易于维护。今天,我们将介绍如何实现一个自定义的 PullToRefresh Hook,该 Hook 可以帮助我们在列表组件中轻松实现下拉刷新和上拉加载更多功能。
在 Vue 3 中,组合式 API(Composition API)为我们提供了更灵活的方式来组织代码。今天,我们将实现一个通用的 useMutate Hook,用于处理数据请求并更新组件中的数据状态。这个 Hook 将帮助我们封装数据获取、格式化、状态管理等逻辑,从而使得组件更简洁且易于复用。
在开发中,我们常常需要处理表格数据的请求、缓存、导出等功能。为了提高代码的复用性和简洁性,我们可以将这些逻辑封装到一个自定义 Hook 中。本文将介绍一个基于 Ant Design Pro Table 的表格请求封装 Hook —— useProTableRequest,并深入讲解其工作原理和如何在项目中使用。
在开发大型应用时,手动管理路由配置文件可能会非常繁琐且容易出错。特别是在多页面应用或使用分包的项目中,页面和路由路径可能会不断增加或变化。如果每次都手动更新路由配置文件,开发效率将会大大降低。
在这篇文章中,我们将深入探讨如何实现一个头像裁剪组件 (AvatarCropper),它不仅可以裁剪图片,还能处理缩放、旋转等操作。该组件基于 Taro 框架构建,可以在多种环境中运行(如微信、支付宝小程序和Web)。我们将分析其核心功能,结构,以及如何使用它。
在 React 中,我们经常需要获取和处理 URL 中的查询参数。特别是在单页应用(SPA)中,路由参数的管理和转换非常常见。为了提高代码的复用性和可维护性,我们可以使用 React 的 Hook 来封装这类逻辑,确保代码简洁、易于维护。通过实现一个自定义的 useRouterParams Hook 来演示如何获取 URL 中的查询参数,并根据需求进行解析和转换。
在现代前端开发中,防止用户快速重复点击按钮或执行某些操作是一个常见的需求。例如,用户在短时间内连续点击按钮时,我们可能只想执行第一次点击的操作,而忽略后续的重复点击。
为了解决这个问题,我们可以使用一个 锁定机制 来防止函数的多次调用。本文将介绍如何使用 Vue 3 中的 ref 和 async 函数来实现一个 useLockFn 自定义 Hook,它可以防止在短时间内重复执行一个异步操作。
在写基于Antd Pro 后台业务的时候,发现一个高频业务场景需求:
表格列表多选item的时候,没办法跨分页选择。
我写一个自定义Hooks,支持跨分页选择。
在写React 项目业务过程中,经常写一些 相似的代码逻辑。
比如我需要在进入页面请求接口数据
传统上我们请求接口获取数据,大概类似这样: