yypkg 实用的 JavaScript 工具函数集合

Question

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 函数节流
• sleep Promise 版的 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

• wechatSDK 微信 JS SDK
• wechatResetFontSize 微信重置字体大小（禁用字体缩放）

资源 Resources

• loadScript 动态加载 JS 脚本
• loadStyle 动态加载 Style 样式
• loadStyleText CSS 文本插入文档 Style 元素
• SourceLoader 资源加载器
• ProgressController 进度控制器
• mocha Mocha 测试

检测 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

• scrollToTop 滑动返回顶部
• Tween 线性运动函数
• appCall 唤起 APP 客户端

项目地址：https://www.npmjs.com/package/yypkg