勋章
我关注的人
粉丝
技术能力
暂时未有相关云产品技术能力~
给岁月以文明，而不是给文明以岁月
-
发表了文章 2024-08-29
Vue3搜索框（InputSearch）
这篇文章介绍了如何在Vue 3中创建一个具有搜索、清除、加载状态等多功能的搜索框组件（InputSearch），并提供了组件的配置选项、事件处理和使用示例。
-
发表了文章 2024-08-29
Vue2图片懒加载（vue-lazyload）
这篇文章介绍了如何在Vue 2项目中使用`vue-lazyload`插件来实现图片的懒加载功能，包括安装插件、注册配置以及在页面中的具体使用方法。
-
发表了文章 2024-08-29
Vue3组合式函数（监听DOM尺寸 useResizeObserver）
本文介绍如何使用 `ResizeObserver` API 编写 Vue3 的通用组合式函数 `useResizeObserver`，该函数可方便地观察一个或多个元素的尺寸变化，并执行指定回调。`ResizeObserver` 接口用于监控 `Element` 或 `SVGElement` 的尺寸变化，避免了无限回调循环问题。
-
发表了文章 2024-08-29
Taro@3.x+Vue@3.x+TS开发微信小程序，根据系统主题展示不同样式（darkMode）
本文介绍如何在Taro项目中配置深色模式。通过在`src/app.config.ts`设置`darkmode`选项和在`theme.json`中定义主题变量，可以实现跟随系统主题的界面风格切换。
-
发表了文章 2024-08-29
Taro@3.x+Vue@3.x+TS开发微信小程序，使用自定义tabBar
本文介绍了如何在Taro项目中实现自定义tabBar。首先，在`app.config.ts`中设置`custom: true`并配置`tabBar`。
-
发表了文章 2024-08-29
Taro@3.x+Vue@3.x+TS开发微信小程序，网络请求封装
在 `src/http` 目录下创建 `request.ts` 文件，并配置 Taro 的网络请求方法 `Taro.request`，支持多种 HTTP 方法并处理数据加密。
-
发表了文章 2024-08-29
Vue3数值动画（NumberAnimation）
该文档介绍了一个基于 Vue 的数值动画组件 `NumberAnimation`，提供了丰富的配置选项，如起始值、目标值、动画时长等，并支持自定义前缀、后缀及样式。通过简单的方法和事件，可以轻松控制动画的播放与停止。
-
发表了文章 2024-08-29
Vue3气泡卡片（Popover）
这是一个基于Vue的气泡卡片组件(Popover)介绍，提供了在线预览链接及详细API参数说明，包括maxWidth、title、content等，并支持自定义样式。
-
发表了文章 2024-08-29
Taro@3.x+Vue@3.x+TS开发微信小程序，设置转发分享
本文介绍了Taro中`useShareAppMessage`的使用方法，需在页面配置`enableShareAppMessage: true`并重新编译。
-
发表了文章 2024-08-29
Vue3水印（Watermark）
这是一个基于Vue.js的水印组件库，提供了丰富的自定义选项，包括水印的布局、旋转角度、间距等。组件支持文字和图片水印，并可通过API调整样式和位置。
-
发表了文章 2024-08-29
Vue3弹性布局（Flex）
这是一个基于 Vue 的弹性布局组件库，提供了丰富的参数配置，如宽度、方向、换行等，支持自定义对齐方式和间隙设置。在线预览展示了不同布局效果，包括单选、按钮和滑动输入条等组件的使用示例。
-
发表了文章 2024-08-29
Vue3弹出确认（Popconfirm）
这是一个基于Vue3的弹出确认框组件（Popconfirm），提供了丰富的自定义选项和事件处理功能。组件支持设置标题、描述、按钮文本及样式等，并可通过slot进行自定义内容。
-
发表了文章 2024-08-29
Vue3文本域（Textarea）
这是一个基于 Vue3 的可自定义文本域组件 (`Textarea`)，具备多种实用功能，如自适应内容高度、清除图标、字数统计及禁用状态等。
-
发表了文章 2024-08-29
Vue3卡片（Card）
这是一个基于Vue3的卡片组件库，提供多样化的卡片展示效果，包括不同尺寸、加载状态及自定义样式等。支持设置宽度、标题、边框等属性，并可通过`loading`参数显示加载占位符。
-
发表了文章 2024-08-29
Vue3栅格（Grid）
该文章介绍了一种基于24栅格系统的布局方案，通过`Row`和`Col`组件实现灵活的内容排布。`Row`负责水平方向的一组`Col`，`Col`则用于承载实际内容。栅格系统支持1到24的列值，超过24的`Col`会自动换行。此外，系统还支持Flex布局，允许子元素进行多种对齐方式，并可通过响应式属性适应不同屏幕尺寸。文章提供了详细的API说明和代码示例，展示了如何在实际项目中应用这一布局系统。
-
发表了文章 2024-08-29
Vue3使用echarts仪表盘（gauge）
Apache ECharts 是一款强大的数据可视化库，其仪表盘图表（`gauge`）可用于展示度量数据。主要属性包括仪表盘数据源 `gaugeData`（必填）、容器宽度 `width`（默认 100%）及高度 `height`（默认 100%）。数据项需指定名称 `name` 和值 `value`，并支持额外属性。
-
发表了文章 2024-08-29
Vue3+TS+Vite开发组件库并发布到npm
**vue-amazing-ui 组件库** 是一个基于 Vue 3 的高质量 UI 组件库，提供了丰富的组件和工具函数。该库已发布至 npm，可通过 `pnpm i vue-amazing-ui`、`yarn add vue-amazing-ui` 或 `npm install vue-amazing-ui` 安装使用。组件包括按钮、面包屑、卡片、日期选择器等，同时提供了日期格式化、节流、防抖等实用工具函数。项目结构清晰，支持按需加载，并提供了详细的文档与在线预览。
-
发表了文章 2024-08-29
Vue3警告提示（Alert）
这是一个基于 Vue 的警告提示组件 Alert，提供了成功、信息、警告和错误四种样式，并支持自定义内容、图标及操作项。
-
发表了文章 2024-08-29
Vue3输入框（Input）
这是一个基于 Vue 的输入框组件库，提供了丰富的自定义选项与功能。通过参数设置可以调整输入框的尺寸、前后缀图标及标签等，并支持密码输入、显示字数统计、禁用状态等功能。
-
发表了文章 2024-08-29
Vue3拖拽插件（vuedraggable@next）
vuedraggable 是一款 Vue2 拖拽插件，可轻松实现列表项的拖拽排序与交互。通过简单配置，即可在不同区域间拖动元素并实现数据同步。支持多种事件监听和自定义样式。
-
发表了文章 2024-08-29
Vue3统计数值（Statistic）
这是一个基于 Vue3 的统计数值组件 `Statistic`，用于展示数据指标。它支持设置标题、数值内容、精度、前缀、后缀及千分位标识符等，并可通过插槽和自定义函数实现更丰富的展示效果。
-
发表了文章 2024-08-29
Vue3PDF预览（vue3-pdf-app）
`vue3-pdf-app` 插件提供了一个简单而强大的 PDF 预览解决方案。通过 `<a>` 标签即可快速预览 PDF 文件。为满足更复杂的定制需求，提供了 `PDFViewer.vue` 组件，基于 `vue3-pdf-app@1.0.3` 封装，支持多种功能如缩放、旋转、全屏预览、打印等，并可自定义主题颜色与语言。组件属性包括文件地址 (`src`)、预览容器尺寸 (`width`, `height`)、默认缩放规则 (`pageScale`) 和主题 (`theme`) 等。适用于多种浏览器，方便集成到项目中。
-
发表了文章 2024-08-29
Vue3代码展示（vue-codemirror）
`vue-codemirror`插件为Vue应用提供了一个强大的代码编辑器组件，支持代码高亮、自定义样式、暗黑模式等特性。通过简单的配置即可实现丰富的代码编辑体验。安装依赖后，创建`CodeMirror.vue`组件并在目标页面中使用即可。
-
发表了文章 2024-08-29
使用jsDelivr和GitHub，上传本地静态资源到免费CDN
本文介绍了一种将本地图片和静态资源（如 js、css、文档等）上传至免费CDN的方法，便于随时调用。具体步骤包括：在GitHub创建仓库`resources`存放资源；通过上传或Git命令同步文件；在仓库中创建新版本并发布。之后即可通过指定格式的URL访问这些CDN资源。此方法简单高效，适合开发者快速部署和共享静态内容。
-
发表了文章 2024-08-29
Vue3文字滚动（TextScroll）
这是一个可定制的文字滚动组件，支持水平和垂直滚动。主要属性包括滚动文字数组 `scrollText`、是否启用单条文字滚动 `single`、滚动区域宽高 `width` 和 `height`、滚动区域和文字样式 `boardStyle` 和 `textStyle`、滚动条数 `amount`、间距 `gap`、动画间隔 `interval` 和 `step`、以及垂直滚动时间间隔 `verticalInterval`。组件内置多种样式调整功能，并提供在线预览示例。
-
发表了文章 2024-08-29
Vue3使用echarts树图（tree）
本文介绍了如何在 Vue2 项目中使用 Echarts 实现树图（tree）功能。通过按需引入 Echarts 组件和相关依赖，文章详细展示了如何创建一个可自定义配置的树图组件 `TreeChart.vue`，包括树图数据源、容器尺寸、主题色等属性。此外，还提供了在线预览效果及代码示例，帮助读者快速实现树图功能。适用于需要展示层次结构数据的场景。
-
发表了文章 2024-08-29
Vue3标签页（Tabs）
该组件提供可自定义的标签页功能，支持居中显示、不同尺寸与样式，并能设置当前激活选项。其主要属性包括标签页数组、居中显示、尺寸、样式、间隙及激活键值。示例展示了基本使用、卡片式标签页、禁用选项、左右滑动等功能。组件基于Vue3开发，并利用`useResizeObserver`等技术实现。[在线预览](https://themusecatcher.github.io/vue-amazing-ui/guide/components/tabs.html)。
-
发表了文章 2024-08-29
Vue3时间轴（Timeline）
这是一个基于 Vue2 的时间轴（Timeline）组件，支持多种自定义属性，包括时间轴内容数组 `timelineData`、总宽度 `width`、线条样式 `lineStyle`、模式 `mode` 和位置 `position`。时间轴内容数组包含描述 `desc` 和圆圈颜色 `color`。组件提供了丰富的样式选项，如虚线、居中显示等，并支持内容交替展现。适用于多种场景下的时间轴展示需求。
-
发表了文章 2024-08-29
Vue3数字输入框（InputNumber）
这是一个可定制的数字输入框组件，支持设置宽度、最小值、最大值、步长、精度等属性，并可添加前缀图标及自定义显示格式。组件兼容键盘快捷键操作，具备禁用功能。示例代码展示了如何使用该组件实现不同场景下的数值输入与格式化展示。组件还利用 `add` 函数解决了 JS 精度问题，并通过 `useSlotsExist` 监听插槽。
-
发表了文章 2024-08-29
Vue3二维码（QRCode）
这是一个可高度定制的二维码生成组件，支持在线预览。提供了丰富的属性设置，包括扫描文本、二维码大小、颜色、背景色、边框、边框颜色、像素比例及纠错等级等。安装简单，通过 `pnpm` 引入插件，创建 `QRCode.vue` 组件即可使用。适用于多种应用场景，如生成不同样式的二维码、动态调整大小和内容等。
-
发表了文章 2024-08-29
Vue3分割线（Divider）
这是一个可定制的分割线组件，支持多种属性设置，包括标题位置、边距、宽度、样式、颜色及垂直分割等。通过简单的配置即可实现多样化的视觉效果，适用于不同场景下的布局需求。在线预览和详细代码示例可见链接。
-
发表了文章 2024-08-29
Vue3步骤条（Steps）
这是一个基于 Vue2 的步骤条（Steps）组件，支持多种自定义属性，如步骤数组、宽度、大小、垂直显示、标签位置等。通过 `v-model` 可实现步骤的动态切换和点击交互。提供了丰富的样式调整选项，适用于各种场景下的多步骤流程引导。组件内详细展示了如何创建和使用步骤条，并提供了多个示例代码片段。
-
发表了文章 2024-08-29
使用requestAnimationFrame模拟实现setTimeout和setInterval
`rafTimeout` 函数采用 `requestAnimationFrame` 实现延时或周期性调用，提供与 `setTimeout` 和 `setInterval` 类似的功能。接受参数包括要执行的函数 `fn`、延迟时间 `delay`（默认 0ms）及是否周期执行 `interval`（默认为单次执行）。返回值为包含 `id` 的对象，可用于取消定时器。通过 `cancelRaf` 或 `cancelAnimationFrame` 方法可取消对应的 `rafTimeout` 定时器。
-
发表了文章 2024-08-29
Vue3进度条（Progress）
这是一个基于 Vue2 的进度条组件，支持线性 (`line`) 和圆形 (`circle`) 两种模式。可通过多种属性自定义进度条的样式和行为，包括宽度、进度百分比、颜色、线宽、线帽样式等。此外，还支持显示进度文本或图标，并允许通过插槽自定义内容。该组件提供了丰富的配置选项，适用于多种应用场景。
-
发表了文章 2024-08-29
Vue3对话框（Dialog）
该 Vue2 对话框组件提供丰富的可定制属性，如标题、内容、宽度、高度等，并支持自定义按钮文本和样式。其预览效果展示了多种使用场景，包括全屏切换、加载状态及自定义样式等。该组件适用于各种需要弹窗功能的应用场景。[在线预览](https://themusecatcher.github.io/vue-amazing-ui/guide/components/dialog.html)提供了更多实例。此文章详情见原文链接，若涉及版权问题，请告知以便删除。
-
发表了文章 2024-08-29
Vue3日期选择器（DatePicker）
该组件基于 **@vuepic/vue-datepicker@9.0.1** 进行二次封装，简化了日常使用。除范围和年选择器外，其他日期选择均返回格式化的字符串。提供了多种自定义设置，如日期选择器宽度、模式、格式等，并支持时间选择和“今天”按钮展示。详细配置及更多功能请参考[官方文档](https://vue3datepicker.com/installation/)。组件已集成所有原生属性，并支持主题颜色自定义。 示例代码展示了如何创建和使用日期选择器组件，包括基本使用、禁用日期、日期时间选择器、范围选择器等多种场景。更多功能和样式可通过官方文档了解。
-
发表了文章 2024-08-29
Vue3级联选择（Cascader）
这是一个可定制的级联选择器组件，支持多级下拉选项。主要属性包括：数据源、文本字段、值字段、后代字段、占位符文本、选择行为、间距、宽度、高度、禁用状态、清除功能、搜索功能及过滤函数等。组件可根据需求灵活配置，并支持动态更新与事件回调。在线预览和详细示例可见[这里](https://themusecatcher.github.io/vue-amazing-ui/guide/components/cascader.html)。
-
发表了文章 2024-08-29
Vue3单选框（Radio）
这是一个可高度定制的单选框组件，支持多种配置项，如单选元素数据、禁用状态、垂直排列、间距、按钮样式及大小等。组件具备普通与按钮样式，并可根据需求调整样式风格。提供了丰富的示例代码及在线预览，便于理解和使用。
-
发表了文章 2024-08-29
Vue3全局提示（Message）
这是一个可定制的消息提示组件，支持自动关闭延迟及消息位置设置。通过调用不同方法（如 `info`, `success`, `error`, `warning`, `loading`）展示多种样式的消息提示，并按顺序自动关闭。组件效果包括在线预览及具体示例。组件基于 Vue 开发，并利用 `requestAnimationFrame` 实现延时功能，可在页面中轻松集成与使用。
-
发表了文章 2024-08-29
Vue3通知提醒（Notification）
这是一个基于 Vue2 的通知提醒框组件，支持高度自定义设置，包括消息标题、自动关闭延时、弹出位置等。提供了五种样式：默认、信息、成功、警告和错误，并可通过不同方法调用以实现相应样式。组件还支持多种位置设置，如顶部左侧、顶部右侧、底部左侧和底部右侧，并允许调整与屏幕边缘的距离。
-
发表了文章 2024-08-29
Vue3文字提示（Tooltip）
这是一篇关于 Vue2 文字提示（Tooltip）组件的教程，支持多种自定义属性，如最大宽度、展示文本、提示文本、样式、背景色、箭头显示等，并提供了在线预览示例。组件通过监听插槽和 `requestAnimationFrame` 实现了延迟显示与隐藏效果。文章详细介绍了组件实现代码及在页面中的使用方法。
-
发表了文章 2024-08-29
Vue3按钮（Button）
这是一个高度可定制的按钮组件，支持多种属性设置，包括按钮类型、形状、图标、尺寸、背景透明度、波纹颜色、跳转地址、打开方式、禁用状态、加载状态及指示符样式等。预览图展示了不同配置下的按钮样式变化。组件通过Vue实现，并提供了丰富的自定义选项以适应各种场景需求。
-
发表了文章 2024-08-29
Vue3视频播放（Video）
这篇文章介绍了如何在Vue 3框架中创建一个视频播放组件（Video），支持自定义视频源、封面、自动播放等多种播放选项和样式设置。
-
发表了文章 2024-08-29
Vue3面包屑（Breadcrumb）
该Breadcrumb组件允许自定义设置多个属性，包括路由数组、面包屑类名和样式、文本最大显示宽度、分隔符及样式、以及目标URL的打开方式。通过这些配置项，可以轻松实现不同样式的面包屑导航。组件支持点击跳转，并且能够处理带查询参数的路径。在线预览展示了其丰富的定制功能。可通过引入并在页面中使用该组件来快速构建导航结构。
-
发表了文章 2024-08-29
Vue3倒计时（Countdown）
这篇文章介绍了如何在Vue 3中创建一个可自定义的倒计时组件（Countdown），允许设置标题、前缀、后缀、格式和样式，并提供了组件的实现代码和使用示例。
-
发表了文章 2024-08-29
Vue3使用全局函数或变量的两种常用方式
这篇文章介绍了Vue 3中实现全局函数或变量的两种方法：一种是使用`provide/inject`进行依赖注入，另一种是利用`app.config.globalProperties`和`getCurrentInstance()`来注册全局属性。
-
发表了文章 2024-08-29
Vue3+TS+Vite开发组件库并发布到npm
这篇文章介绍了如何使用Vue 3、TypeScript和Vite开发一个包含35个常用UI组件和8个API功能函数的组件库`vue-amazing-ui`，并将其发布到npm，同时提供了组件库的安装使用说明和在线预览。
-
发表了文章 2024-08-29
JS上传文件（base64字符串和二进制文件流）
这篇文章介绍了两种JavaScript文件上传的方法：使用FileReader对象将文件读取为base64字符串上传，以及使用FormData对象以二进制文件流的形式上传文件，包括如何处理文件选择、读取和上传的详细代码示例。
-
发表了文章 2024-08-29
微信小程序使用echarts图表（ec-canvas）
这篇文章介绍了在微信小程序中使用`ec-canvas`集成echarts图表的方法，包括解决加载时报错的问题、配置图表组件、以及在小程序页面中引入和使用这些图表组件的步骤。
-
发表了文章 2024-08-29
JavaScript / TypeScript日期格式化（dateFormat）
这篇文章介绍了如何在TypeScript中创建和使用一个日期格式化函数`dateFormat`，支持多种日期格式的自定义，并提供了函数的实现代码和使用示例。
-
发表了文章
2024-08-29
Vue3搜索框（InputSearch）
-
发表了文章
2024-08-29
Vue3渐变文字（GradientText）
-
发表了文章
2024-08-29
Vue3加载条（LoadingBar）
-
发表了文章
2024-08-29
Vue2图片懒加载（vue-lazyload）
-
发表了文章
2024-08-29
Vue3组合式函数（监听DOM尺寸 useResizeObserver）
-
发表了文章
2024-08-29
Vue3分段控制器（Segmented）
-
发表了文章
2024-08-29
Vue3滚动条（Scrollbar）
-
发表了文章
2024-08-29
Vue3列表（List）
-
发表了文章
2024-08-29
Taro@3.x+Vue@3.x+TS开发微信小程序，根据系统主题展示不同样式（darkMode）
-
发表了文章
2024-08-29
Taro@3.x+Vue@3.x+TS开发微信小程序，使用轮播图
-
发表了文章
2024-08-29
Taro@3.x+Vue@3.x+TS开发微信小程序，使用自定义tabBar
-
发表了文章
2024-08-29
Taro@3.x+Vue@3.x+TS开发微信小程序，网络请求封装
-
发表了文章
2024-08-29
Vue3骨架屏（Skeleton）
-
发表了文章
2024-08-29
Vue3数值动画（NumberAnimation）
-
发表了文章
2024-08-29
Vue3气泡卡片（Popover）
-
发表了文章
2024-08-29
Taro@3.x+Vue@3.x+TS开发微信小程序，设置转发分享
-
发表了文章
2024-08-29
Vue3水印（Watermark）
-
发表了文章
2024-08-29
Vue3回到顶部（BackTop）
-
发表了文章
2024-08-29
Vue3弹性布局（Flex）
-
发表了文章
2024-08-29
Vue3头像（Avatar）
