# 指南
# 介绍
yypkg是一个实用的JavaScript工具函数集合,快速处理各种常见的通用性问题。使用极其简单,支持整体引入和模块化引入。
# 文档
# 安装
yarn add yypkg
# or
npm i yypkg
# 使用
# 简单使用
import { sleep } from 'yypkg'
// 等待1秒
await sleep(1000)
# Tree-Shaking
import sleep from 'yypkg/sleep'
// 等待1秒
await sleep(1000)
通过该方式引入模块,可大大减少引用体积。
# API 目录
通用 Common
api基于 axios 的 API 管理模块,👉去使用debounce函数去抖,👉去使用throttle函数节流,👉去使用sleepPromise 版的 setTimeout,👉去使用clone深拷贝,👉去使用deepMerge深度合并对象,👉去使用type准确的类型检测,👉去使用
路径 URL
getUrlParam获取 URL 上参数,👉去使用setUrlParam设置/追加 URL 参数,👉去使用removeUrlParam移除 URL 上指定参数,👉去使用getUrlPath获取当前 URL 路径(不带参数),👉去使用getAbsoluteUrl获取 URL 绝对路径,👉去使用
浏览器 Browser
getUserAgent获取浏览器用户代理字符串,👉去使用getFirstBrowserLanguage获取浏览器第一语言,👉去使用getIEVersion获取 IE 浏览器版本号,👉去使用getVendor获取浏览器供应商的名称,👉去使用
格式化 Format
createUUID生成唯一标识码,👉去使用randomColor生成随机颜色值,👉去使用trimSpace字符串裁去空格,👉去使用dateFormat简单格式化日期,👉去使用thousandsDot千分位逗号,👉去使用padZero前缀补充零位,👉去使用numberRange设置数值范围并返回结果,👉去使用compareVersion简单对比版本号,👉去使用stringToDOMElement原生字符串转为 DOM 元素,👉去使用
微信 WeChat
资源 Resources
loadScript动态加载 JS 脚本,👉去使用loadStyle动态加载 Style 样式,👉去使用loadStyleTextCSS 文本插入文档 Style 元素,👉去使用SourceLoader资源加载器 ,👉去使用ProgressController进度控制器,👉去使用mochaMocha 测试,👉去使用
检测 Detect
isWechatBrowser判断是否为微信浏览器,👉去使用isQQBrowser判断是否为 QQ 浏览器,👉去使用isWeiboBrowser判断是否为微博浏览器,👉去使用isAndroid判断是否为安卓设备,👉去使用isAndroidPhone判断是否为安卓手机,👉去使用isAndroidTablet判断是否为安卓平板,👉去使用isiOS判断是否为 iOS 设备,👉去使用isiPhone判断是否为 iPhone,👉去使用isiPhoneX判断是否为 iPhoneX+,👉去使用isiPad判断是否为 iPad,👉去使用isiPod判断是否为 iPod,👉去使用isBlackberry判断是否为黑莓设备,👉去使用isMobile判断是否为手机设备,👉去使用isTablet判断是否为平板设备,👉去使用isWindowsPhone判断是否为 Windows 手机,👉去使用isWindowsTablet判断是否为 Windows 平板,👉去使用isWindows判断是否为 Windows 设备,👉去使用isChrome判断是否为 Chrome 浏览器 ,👉去使用isEdge判断是否为 Edge 浏览器,👉去使用isIE判断是否为 IE 浏览器,👉去使用isSafari判断是否为 Safari 浏览器,👉去使用
交互 UX