yypkg 实用的 JavaScript 工具函数集合 - 文章教程

yypkg 实用的 JavaScript 工具函数集合

发布于 2021-09-08 字数 4248 浏览 970 评论 0

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

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2512 文章
30 评论
82727 人气
更多

推荐作者

瑾兮

文章 11 评论 2

carlo_sn

文章 0 评论 0

15867725375

文章 0 评论 0

a3576419

文章 0 评论 0

wendy

文章 0 评论 0