@fallen_leaves/fe-utils

@fallen_leaves/fe-utils

前端通用工具库

优点：提高前端业务代码开发效率，增强代码复用性

前端开发过程中，会经常用到判断浏览器类型、格式化各种日期、获取url参数、queryString转对象、防抖函数、节流函数等常用函数，为避免不同项目多次复制粘贴的麻烦，这里统一封装，并发布到npm，以提高开发效率。

安装

  npm install --save @fallen_leaves/fe-utils
  # or
  yarn add @fallen_leaves/fe-utils

使用

  # 完整导入
  import FeUtils from '@fallen_leaves/fe-utils'

  FeUtils.getCookie('user_id')
  # or

  # 模块导入
  import { getCookie } from '@fallen_leaves/fe-utils'

  getCookie('user_id')

API文档

Color

• hexToRGB  16进制颜色值转rgb格式
• RGBToHex  16进制颜色值转rgb格式

Cookie

• setCookie  添加cookie
• getCookie  获取cookie
• removeCookie  删除cookie

Device

• getExplore  获取浏览器型号和版本
• getOS  获取操作系统类型
• versionCompare  版本号比较

Dom

• useFullscreen  全屏方法及事件监听
• useWatermark  为指定元素添加水印

Function

• debounce  防抖函数
• throttle  节流函数

Number

• digitUppercase  数字转大写
• fixedThousandsNumber  数字千分位格式化
• formatFileSize  文件大小格式化

Object

• deepClone  深拷贝
• isEmpty  空对象判断

Regexp

• RegCollections  常用正则判断函数
  • .isUrl(url)  判段目标字符串是否为url
  • .isPhoneNumber(phoneNumber)  判段目标字符串是否为手机号
  • .isEmail(email)  判段目标字符串是否为邮箱
  • .isIDCard(IDCard)  判段目标字符串是否为身份证号码
  • .isZipCode(zipCode)  判段目标字符串是否为邮政编码
  • .isIE()  判段是否为IE
  • .isChrome()  判段是否为Chrome
  • .isFirefox()  判段是否为Firefox
  • .isOpera()  判段是否为Opera
  • .isSafari()  判段是否为Safari
  • .isEdge()  判段是否为Edge
  • .isAndroid()  判段是否为Android
  • .isIPhone() 判段是否为iPhone
  • .isIPad()  判段是否为iPad
  • .isMacOS()  判段是否为MacOS
  • .isWindows()  判段是否为Windows
  • .isLinux()  判段是否为Linux
  • .isWeChat()  判段是否为微信环境

Time

• formatFixedDate  时间对象或者时间戳格式化
• formatPassTime  距离指定时间已过去的时间格式化

Url

• getUrlParams  获取url上的query参数
• deleteParams  删除url上指定的query参数
• parseQuery  querySrting格式化为对象
• stringifyQuery  对象格式化为queryString

String

• urlToLink  目标字符串中的url串转换为<a>标签