用TS写的js常用工具包

33次阅读

共计 1935 个字符,预计需要花费 5 分钟才能阅读完成。

js-util-plus

一. 介绍

用 typescript 写的常用工具类

每次写我的项目都要写一些反复的工具类,因而把一些罕用的工具类封装起来。

二. 如何应用

yarn add js-util-plus / npm install js-util-plus --dev

import * as util from 'js-util-plus';

三. 案例

因为用 ts 写的,提醒很敌对

四.API

1.string

1.1 strCheck 验证

util.strCheck(str:string, type: StrEnum) => boolean

enum StrEnum {
  PHONE = 'phone', // 校验手机号
  TEL = 'tel',     // 测验电话
  CARD = 'card',   // 测验身份证 
  PWD = 'pwd',     
  POSTAL = 'postal',
  QQ = 'qq', 
  EMAIL = 'email',
  MONEY = 'money',
  URL = 'URL',
  IP = 'IP',
  DATE = 'date',
  NUMBER ='number',
  ENGLISH = 'english',
  CHINESE = 'chinese',
  LOWER= 'lower',
  UPPER = 'upper',
  HTML = 'HTML'
}

// example
util.strCheck('18268100000', 'phone') => true

1.2 strTransformName 两个字名字两头加空格

util.strTransformName(name: string) => cname
// example
util.strTransformName('王五') => '王 五'

2.object

2.1 objIsNull 对象判空

util.objIsNull(obj: object) => boolean

// example
const obj = {} 
util.objIsNull(obj) => false  // 传参不须要判空,代码里已判空 

3.array

3.1 arrIsNull 数组判空

util.arrIsNull(arr: any[]) => boolean

// example
const arr = [] 
util.arrIsNull(arr) => false  // 传参不须要判空,代码里已判空 

4.store

4.1 storeCookieSet 设置某个 cookie

util.storeCookieSet(str: string, value: string) => void

// example
util.storeCookieSet('token', 'token')

4.2 storeCookieGet 取得 coookie 中某个值

util.storeCookieGet(str: string) => string

// example
document.cookie="token=token";
util.storeCookieGet('token') => 'token'

4.3 storeCookieDelete 删除单条 cookie

util.storeCookieDelete(str: string) => void 

4.4 storeCookieRemove 删除所有 cookie

util.storeCookieRemove() => void

4.5 storeLocalStorageSet 设置 localStorage 曾经 JSON.stringify

util.storeLocalStorageSet(name: string, value: any) => void

4.6 storeLocalStorageGet 获取 localStorage 曾经 JSON.parse

util.storeLocalStorageGet(str: string) => any 

5.uri

5.1 uriGetParam 获取 uri 上的某个参数

util.uriGetParam(str: string) => string

// example
www.xxx.com?a=1&b=2
util.uriGetParam('a') => '1'

6. 浏览器

6.1 browserGetType 获取浏览器类型

util.browserGetType() => string

// example
util.browserGetType() => 'Opera' || 'IE' || 'Edge' || 'Firefox' || 'Safari' || 'Chrome' || 'OverIE10'

6.2 browserIsNew 是否是古代浏览器(IE11 及以上)

util.browserIsNew() => boolean

// example
// 如果是 IE11 及以上,返回 true
util.browserIsNew() => true 

github 地址

https://github.com/pengxingwa… 感激 star

正文完
 0