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