所有分类

使用指南 分类下的文章

BackTop

文章介绍了BackTop组件的功能与使用方法。该组件在网页下滑一定距离后,可点击一键返回页面顶部,并支持注册为全局组件以便在项目中复用。

GlobalTip

本文介绍了名为GlobalTip的组件,其核心功能是在页面上显示一个短暂的时间提示和问候语,3秒后自动消失。该组件可注册为全局组件,并支持在vitepress中通过doc-top插槽插入使用。文章简要说明了其用途和基本使用方法。

GithubCorner

本文介绍了GithubCorner,一个用于在网页上添加GitHub项目角标的工具。文章主要说明了其基本用途,并概述了其使用方法和可配置参数,旨在帮助开发者快速在网站中集成这一指向GitHub仓库的视觉元素。

wangEditor

wangEditor是一款在线Markdown编辑器,提供丰富的文本编辑功能。文章简要介绍了其基本使用方法和可选参数配置,并指引用户查阅官方文档以获取更多详细配置信息。

monacoEditor

本文介绍了MonacoEditor,这是一款在线代码编辑器。文章简要说明了其基本使用方法和可选参数配置,并建议用户查阅官方文档以获取更详细的配置信息。

CopyButton

CopyButton是一个点击即可复制指定内容的组件。文章介绍了该组件的功能说明和基本使用方法,核心要点在于其便捷的复制操作。

uploadCos使用

本文介绍了一个拖拽式文件上传组件“uploadCos”,其主要功能是将图片等文件上传至对象存储服务(如COS、OSS)。文章概述了该组件的核心参数配置、可用的插槽(包括默认拖拽区域和提示信息区域),并简要提及了基本使用、带参数使用以及通过插槽自定义内容等几种使用示例。

uploadLocal使用

本文介绍了uploadLocal文件上传组件的功能与用法。该组件为按钮式文件上传工具,支持通过参数配置上传函数、文件列表、数量限制和文件类型。它提供了默认插槽和自定义按钮插槽,允许用户灵活定制按钮文本和样式。文章还通过示例说明其基本使用、参数配置及插槽自定义方法,并指出可利用其插槽功能实现与uploadCos组件相似的界面效果。

pagination

分页组件是一种用于将大量数据分割成多个页面显示的工具,以提升用户体验和系统性能。它通常包含页码、上一页/下一页按钮等元素,允许用户在不同数据页面间导航。其核心要点在于合理划分数据、提供清晰的导航反馈,并确保在不同场景下的兼容性与易用性。

table

本文介绍了一个基于el-table封装的表单组件。该组件可通过参数isPopover进行模式切换:当isPopover为false时,它表现为一个表单;当isPopover为true时,则变为一个Select选择器,其选择的内容将作为表单内容。文章还提供了相关的使用示例文件。

InputTag

本文介绍了基于Element UI的`el-tag`组件进行封装的`InputTag`组件。文章简要说明了其功能定位,并列出了组件的可选参数与基本使用方法,旨在为用户提供快速上手的指引。

ECharts

本文介绍了ECharts图表库的基本使用方法,强调其已封装好,无需单独引入。文章核心是列举并简要说明了构建ECharts图表的核心配置项,包括提示框、图例、坐标轴、数据系列、网格、颜色、标题、工具栏、动画、背景色、响应式及极坐标系等。最后指出不同图表类型有更具体的选项,并指引用户参考官方文档。

TextScroll

TextScroll是一个用于实现文本滚动公告功能的工具。文章简要介绍了其用途,并提供了基本的使用说明,帮助用户快速了解如何应用该工具来展示滚动文本信息。

常用hooks

本文介绍了几种实用的React Hooks,包括用于统计网站或文章阅读次数的useBusuanzi、计算日期差值的useDayDiff和useTimeDiff、支持下载Base64与Blob文件的useFileDownloader,以及实现文本复制到剪贴板功能的useCopyToClipboard。这些工具函数旨在简化常见的前端开发任务。

useScript

本文介绍了使用JavaScript异步加载第三方脚本的方法。主要内容包括:如何通过async/await或Promise链式调用来实现多个脚本的顺序加载,确保前一个脚本加载完成后再加载下一个;以及如何使用Promise.all实现多个脚本的并行加载,使它们的加载过程相互独立。文章旨在提供简洁实用的脚本加载策略。

useWatermark

本文介绍了useWatermark工具,其主要功能是为网页元素添加防篡改水印。文章核心说明了使用方法:水印默认添加至document.body,若需添加至其他元素(如#app),则必须确保该元素的定位属性为relative或absolute,以保证水印正确显示。同时,用户可通过调整配置选项(如字体大小、颜色、旋转角度等)来自定义水印样式。