勋章
我关注的人
粉丝
技术能力
暂时未有相关云产品技术能力~
给岁月以文明，而不是给文明以岁月
-
发表了文章 2024-08-29
Vue3折叠面板（Collapse）
该组件提供了一个高度可定制的折叠面板，支持多种属性设置，包括折叠面板数据、激活状态、禁用选项、边框风格、复制功能等，并可通过插槽进行进一步自定义。其丰富的样式控制选项使得面板能够适应各种场景需求。在线预览展示了不同配置下的效果。组件基于 Vue 3 开发，利用 `requestAnimationFrame` 模拟实现动画效果，并集成了按钮等其他自定义组件。
-
发表了文章 2024-08-29
Vue3级联选择（Cascader）
这是一个可定制的级联选择器组件，支持多级下拉选项。主要属性包括：数据源、文本字段、值字段、后代字段、占位符文本、选择行为、间距、宽度、高度、禁用状态、清除功能、搜索功能及过滤函数等。组件可根据需求灵活配置，并支持动态更新与事件回调。在线预览和详细示例可见[这里](https://themusecatcher.github.io/vue-amazing-ui/guide/components/cascader.html)。
-
发表了文章 2024-08-29
Vue3走马灯（Carousel）
这是一个基于 Vue2 的走马灯（Carousel）组件，支持丰富的自定义配置。主要属性包括图片数组、宽度、高度、自动切换、暂停轮播、过渡效果、轮播间隔、箭头和指示点等。组件提供了多种过渡效果（如滑动和渐变）及动画时长设置，并允许自定义箭头和指示点的样式。此外，还支持通过键盘方向键进行切换，提供了灵活的使用方法。
-
发表了文章 2024-08-29
Vue3多选框（Checkbox）
这是一个可高度定制的多选框组件，支持多种属性设置，如复选元素数据、是否禁用、垂直排列、当前选中值、间距、展示区域宽高及全选样式控制等。提供了在线预览和示例代码，便于快速集成与自定义。
-
发表了文章 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分页（Pagination）
这是一个高度可定制的分页组件，支持通过属性设置当前页数、每页条数、数据总数等，并提供了禁用分页、隐藏单页分页、快速跳转等功能。此外，还可以自定义分页的位置、显示的数据条数选项及数据总数的显示格式。组件内置了对多种场景的支持，如禁用状态下的分页操作、不同位置的分页显示等，适用于多种应用界面需求。在线预览展示了各种配置项的效果。
-
发表了文章 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
Vue移动端网页（H5）预览pdf文件（pdfh5和vue-pdf）
这篇文章介绍了在Vue移动端网页中使用`pdfh5`和`vue-pdf`两个插件来实现PDF文件的预览，包括滚动查看、缩放、添加水印、分页加载、跳转指定页数等功能。
-
发表了文章 2024-08-29
Vue2项目使用v-viewer插件实现图片预览、切换、缩放、旋转...
这篇文章介绍了在Vue 2项目中如何通过`v-viewer`插件实现图片的预览、切换、缩放、旋转等功能，并提供了插件的安装、配置和使用方法。
-
发表了文章 2024-08-29
找不到模块“./App.vue”或其相应的类型声明。ts(2307)
这篇文章介绍了在Vue 3 + TypeScript + Vite开发环境中解决找不到`.vue`文件模块或其类型声明错误的两种方法：使用VSCode的TypeScript Vue Plugin (Volar)插件或手动在`env.d.ts`文件中声明`*.vue`模块类型。
-
发表了文章 2024-08-29
Vue2使用全局函数或变量的两种常用方式
这篇文章介绍了在Vue 2项目中实现全局函数或变量的两种常用方式：一种是通过挂载到Vue的`prototype`，另一种是使用Vue的全局混入（Vue.mixin）。
-
发表了文章 2024-08-29
Vue2瀑布流图片展示（Waterfall）
这篇文章介绍了如何在Vue 3框架中实现瀑布流图片展示组件，提供了两种实现方式：一种使用CSS的`column-count`和`column-gap`属性，另一种使用JavaScript计算图片位置，以实现图片在多列中的动态分布。
-
发表了文章 2024-08-29
Vue2按钮组件（Button）
这篇文章介绍了如何在Vue框架中创建一个可自定义样式和行为的按钮组件，包括按钮的文本、类型、尺寸、宽度、高度、圆角、跳转目标、禁用状态和是否居中显示等属性。
-
发表了文章 2024-08-29
Vue2无操作半小时后自动清除登录状态
这篇文章介绍了如何在Vue应用中实现当用户半小时无操作后自动清除登录状态的功能，通过监听鼠标、键盘或滚动事件来重置过期时间。
-
发表了文章 2024-08-29
Vue2面包屑（Breadcrumb）
这篇文章介绍了如何在Vue 3框架中创建一个面包屑（Breadcrumb）组件，支持自定义路由数组、面包屑高度和分隔符。
-
发表了文章 2024-08-29
Vue2相关组件项目依赖版本信息
这篇文章展示了一个Vue 2项目中相关组件和开发依赖的版本信息，包括axios、echarts、swiper等库以及eslint等开发工具的特定版本。
-
发表了文章 2024-08-29
Vue2拖拽插件（vuedraggable）
这篇文章介绍了如何在Vue 3框架中使用`vuedraggable`插件来实现拖拽功能，并提供了插件的安装、配置和事件处理的示例。
-
发表了文章 2024-08-29
Vue2视频播放（Video）
这篇文章介绍了如何在Vue 3框架中创建一个视频播放组件（Video），支持自定义视频源、封面、自动播放等多种播放选项和样式设置。
-
发表了文章 2024-08-29
Vue2使用触摸滑动插件（Swiper）
这篇文章介绍了在Vue 3框架中如何使用Swiper插件来创建不同类型的触摸滑动组件，包括轮播图、淡入淡出效果和走马灯效果，并提供了详细的配置选项和使用示例。
-
发表了文章 2024-08-29
Vue2通知提醒框（Notification）
这篇文章介绍了如何在Vue 3框架中创建一个通知提醒框（Notification）组件，支持自定义延时关闭、弹出位置和五种不同样式的消息提示。
-
发表了文章 2024-08-29
Vue2使用echarts树图（tree）
这篇文章介绍了如何在Vue 3框架中集成echarts库来创建一个树状图（Tree Chart）组件，支持自定义数据和交互事件。
-
发表了文章 2024-08-29
Vue2文字提示（Tooltip）
这篇文章介绍了如何在Vue 3框架中创建一个文字提示组件（Tooltip），允许自定义提示框的最大宽度、展示文本和提示文本，支持鼠标悬停显示和隐藏效果。
-
发表了文章 2024-08-29
Vue2全局提示（Message）
这篇文章介绍了如何在Vue 3框架中创建一个全局提示组件（Message），支持自定义提示的持续时间和位置，并且可以展示多种类型（info, success, error, warn）的消息提示。
-
发表了文章 2024-08-29
Vue2走马灯扩展版（Carousel）
这篇文章介绍了如何在Vue 3框架中创建一个可自定义的走马灯（Carousel）组件，支持自动播放、导航、分页和响应用户交互等功能。
-
发表了文章 2024-08-29
Vue2横向文字滚动
这篇文章介绍了如何在Vue 2框架中实现一个横向滚动文本的组件，允许自定义滚动文本内容、滚动区域尺寸和滚动速度等属性。
-
发表了文章 2024-08-29
Vue2进度条（Progress）
这篇文章介绍了如何在Vue 3框架中创建一个可自定义设置的进度条组件，包括进度条的宽度、当前进度、线条宽度和是否显示进度信息等属性。
-
发表了文章 2024-08-29
Vue2时间轴（横向）
该横向时间轴组件 `HorizonTimeLine` 可自定义时间轴数据 (`timelineData`) 和初始选中年份 (`activeYear`)。通过点击不同的年份，可以改变当前激活的年份，并有相应的视觉反馈。该组件支持均匀自适应排列，且易于在其他页面中引入和使用。
-
发表了文章 2024-08-29
Vue2加载中（Spin）
这是一篇介绍如何在 Vue3 中实现加载中（Spin）效果的文章。Spin 组件支持自定义是否显示加载状态（默认为 `true`）以及描述文案（默认为空）。文章详细展示了如何创建 `Spin.vue` 组件，并提供了样式和脚本代码。此外，还介绍了如何在页面中引用并使用该组件。 
-
发表了文章 2024-08-29
Vue2日期选择器插件（vue-datepicker-local）
这是一个基于 Vue 的日期选择器组件库，支持年份、月份、日期和时间的选择，并且均可进行范围选择。用户可以自定义日期格式与组件样式。该示例展示了如何配置组件以限制可选日期范围，并提供了相应的代码实现。
-
发表了文章 2024-08-29
Vue2级联选择（Cascader）
这是一个基于 Vue 3 的级联选择组件，支持多种自定义属性，如数据源、选中项、文本字段等。提供了丰富的配置项，如层级间隙、宽度、高度、禁用状态和占位符等，便于灵活使用。组件通过监听选择变化并触发回调事件，实现了动态更新与交互。
-
发表了文章 2024-08-29
Vue2滑动输入条（Slider）
这是一个基于 Vue3 的滑动输入条（Slider）组件，提供了丰富的自定义选项，如最小值、最大值、初始值、宽度、禁用状态及双滑块模式等。用户可通过拖动滑块或点击输入条调整数值。代码示例展示了如何创建组件及在页面中引入使用。包含单滑块与双滑块模式的效果图。
-
发表了文章 2024-08-29
Vue2时间轴（Timeline）
本文介绍了一个基于 Vue3 的时间轴组件 `Timeline`，允许用户自定义时间轴宽度和描述文本。通过在 `Timeline.vue` 中使用模板、脚本及样式代码，文章展示了如何创建并使用该组件，并提供了示例代码以供参考。
-
发表了文章 2024-08-29
Vue2表格（Table）
这是一个基于 Vue3 的表格组件，提供了灵活的数据展示与分页功能。主要接收表格列配置 `columns`、数据源 `dataSource`、分页器配置 `pagination` 等参数，并支持加载状态显示及单页隐藏分页器等特性。组件内置了加载中组件 `Spin` 和分页组件 `Pagination`，样式参考 ant-design。使用时需在目标页面引入组件并设置相关属性即可实现丰富的表格展示效果。
-
发表了文章 2024-08-29
Vue2步骤条（Steps）
这是一个基于 Vue3 的步骤条（Steps）组件，支持高度自定义。主要属性包括步骤标题数组（stepsLabel）、步骤描述数组（stepsDesc）、步骤总数（totalSteps，默认为3）、当前选中的步骤（currentStep，默认为1）、步骤条总宽度（totalWidth，默认为900px）和描述文本最大宽度（descMaxWidth，默认为140px）。组件通过不同的样式展示已完成、进行中和未开始的状态，并支持点击切换步骤。可在需要的页面中引入并传入相关初始数据。
-
发表了文章 2024-08-29
Vue2信息提示（Modal）
这是一个基于 Vue3 的信息提示模态框（Modal）组件，提供了丰富的自定义属性，包括标题、内容、宽度、按钮文本等。它支持两种模式：确认提示框（confirm）和信息提示框（info），并有六种不同的展示效果。模态框可以水平垂直居中或固定高度水平居中显示，支持加载中状态。该组件模仿了 ant-design-vue 的样式，适用于各种场景下的信息提示。
-
发表了文章 2024-08-29
js金额数字格式化
本文介绍了两种实现数字格式化的方法：字符串操作与正则表达式。首先，通过递归地在每三位数字间插入逗号来格式化整数。接着，扩展该功能以支持自定义小数位数及分隔符，适用于更广泛的场景。最后，展示了如何利用正则表达式简化上述过程，实现相同的功能。
-
发表了文章 2024-08-29
Vue2走马灯（Carousel）
这是一个基于 Vue2 的走马灯轮播组件（Carousel），支持鼠标移入暂停、移出后自动轮播。用户可以自定义设置轮播图片数组、滑动间隔时间、图片宽高。该组件提供了两种滑动效果实现方式：一种是通过 `setInterval` 延时调用，另一种是使用 `requestAnimationFrame()`，后者效果更佳。组件还支持图片懒加载，适用于多种应用场景。
-
发表了文章 2024-08-29
Vue2分页（Pagination）
本文介绍了如何在 Vue3 中创建一个自定义分页组件（Pagination）。该组件支持传入多个参数，如当前页数、每页条数、是否隐藏单页分页等，并提供了丰富的功能，包括快速跳转、显示数据总量及分页器位置调整。通过示例代码展示了组件的具体实现方式，包括模板结构、计算属性、监听方法及样式设置。此外，还介绍了如何在项目中引入并使用该分页组件。
-
发表了文章 2024-08-29
Vue2使用百度地图展示或搜索地点(vue-baidu-map)
本文介绍了如何在 Vue 项目中使用 `vue-baidu-map` 插件，包括安装、全局注册及具体应用。首先通过 `yarn add vue-baidu-map` 安装插件，并在 `main.js` 中全局注册。然后展示了如何在地图上显示特定位置的标记，以及如何搜索地点并获取其经纬度和详细地址信息。代码示例提供了详细的实现方法和样式调整。如需使用，请确保已获取百度地图 API 的密钥。
-
发表了文章
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）
