1.0.3 • Published 2 years ago
@nora7aki/common v1.0.3
@nora7aki/common
用于构建项目的常用方法
安装
yarn add @nora7aki/common
引入
import {debounce} from @nora7aki/common
API
animateCSS
/**
* 依赖 animate.css 执行动画方法
* @param {*} node DOM元素
* @param {*} animation 动画名称
* @param {*} prefix 前缀,默认animate__
* @returns
*/
function animateCSS(node, animation, prefix = 'animate__')
debounce
/**
* 返回防抖后的方法
* @param {*} fn 执行方法
* @param {*} delay 延迟时间
* @returns
*/
function debounce(fn, delay = 1000)
downloadArrayBufferAsFile
/**
* env:brower
* info:将arraybuffer数据打包为文件下载
* @param {*} data arraybuffer数据
* @param {*} filename 打包成为的文件名
*/
function downloadArrayBufferAsFile(data, filename)
isIOS
/**
* 是否是iOS设备
* @returns
*/
function isIOS()
isLocalhost
/**
* 是否是localhost测试环境
* @returns
*/
function isLocalhost()
isWechat
/**
* 是否是微信浏览器
* @returns
*/
function isWechat()
metaType
- 本质是
Object
对象,但可以通过keys
、values
、objects
、datas
获取不同类型的数据 keys
获取属性列表,有序values
获取值列表,有序objects
获取属性对象键值对datas
获取属性 {id,value} 对象
/**
* 元数据类型
* 可实现自动数据缓存和归类
* 通过datas、objs、keys、values实现对应数据的获取
*/
class MetaType
/**
* MetaType的工厂函数
* @returns metatype对象
*/
function metaType()
queryString
/**
* 获取url参数值
* @param {*} name 参数名
* @returns
*/
function queryString(name)
screenSize
/**
* 根据参数返回相应的屏幕所需尺寸
* 以及当前设备姿态是否匹配
* @param {*} direction none|landscape|portrait
* @returns
*/
function screenSize(direction = 'none')
colorBasedOnBgColor
/**
* 根据背景颜色返回字体颜色
* @param {*} bgColor 背景颜色
* @param {*} lightColor 亮色字体颜色
* @param {*} darkColor 暗色字体颜色
* @returns
*/
function colorBasedOnBgColor(bgColor, lightColor = '#ffffff', darkColor = '#666666')