Skip to content

快速上手

简要介绍

开箱即用!

使用方式

vue
<script setup lang="ts">
import {
  dateFormat,
  requestAnimationFrame,
  cancelAnimationFrame,
  rafTimeout,
  cancelRaf,
  throttle,
  debounce,
  add,
  downloadFile,
  formatNumber,
  toggleDark
} from 'vue-amazing-ui'
</script>

常用工具函数

Function nameDescriptionsArguments
dateFormat简单易用的日期格式化函数!(timestamp: number|string|Date, format = 'YYYY-MM-DD HH:mm:ss') => string
requestAnimationFrame针对不同浏览器进行兼容处理!使用方式不变
cancelAnimationFrame针对不同浏览器进行兼容处理!使用方式不变
rafTimeout使用 requestAnimationFrame 实现的定时器函数,等效替代 (setTimeout 和 setInterval)!(func: Function, delay = 0, interval = false) => object
cancelRaf用于取消 rafTimeout 函数!(raf: { id: number }) => void
throttle使用 rafTimeout 实现的节流函数!(fn: Function, delay = 300) => any
debounce使用 rafTimeout 实现的防抖函数!(fn: Function, delay = 300) => any
add消除js加减精度问题的加法函数!(num1: number, num2: number) => number
downloadFile下载文件并自定义文件名,未传 name 时,从文件地址中自动获取文件名称!(url: string, name: string) => void
formatNumber数字格式化函数!(value: number|string, decimal = 2, split = ',') => string
toggleDark一键切换暗黑模式函数!() => void

Released under the MIT License.