@gaopeng123/utils.string

string

随机数

uuid:(len?: number, radix?: number) => string;

获取uuid 默认获取64位长度 数据基数为62

import {uuid} from "https://unpkg.com/@gaopeng123/utils.string/dist/utils.string.esm.js";
document.getElementById('utils-uuid1').innerText = `64位：` + uuid();
document.getElementById('utils-uuid2').innerText = `32位：` + uuid(32);

formatStr:(...args: any) => string

格式化字符串，将一个'hello {o}, I like {1}'中的 {0}{1} 替换成对应字符

formatStr('hello {o}, I like {1}')('china', 'you');

ellipsps: (text: string, width: number = 100, size: number = 12, font: string = 'Arial'): string;

截取超长字符串...显示

ellipsps('wwwwwwwwwwwwwwwwwwwwwwwww', 50, 14);

strWidth:(ctx: any, text: string, fontSize: number = 12, fontFamily: string = 'Arial')

获取字符串的长度，ctx: canvas的context对象，可传null

strWidth(null, 'WWWWWWW');

path

pathJoin:(...args): string

拼接url路径

pathJoin('http://10.3.3.3', 'api/test'); // http://10.3.3.3/api/test
pathJoin('/api', '/test'); // '/api/test'
pathJoin(); // ''

extractEnclosedContent

extractEnclosedContent: (str: string, startStr: string, endStr: string): Array

提取被符号包裹住的字符串

extractEnclosedContent("a (1111),b (4444), d(3333)", '(', ')'); 
// ['1111', '4444', '3333']

extractParenthesesContent:(str:string):Array

提取小括号里面的内容

extractParenthesesContent("a (1111),b (4444), d(3333)"); 
//  ['1111', '4444', '3333']

extractMiddleParenthesesContent(str:string):Array

提取中括号里面的内容

extractMiddleParenthesesContent("a (1111),b [4444], d(3333)");
//  ['4444']

extractBigParenthesesContent(str:string):Array

提取大括号里面的内容

extractBigParenthesesContent("a (1111),b [4444], d{3333}"); //  ['3333']

regexp

IPV4

IPV4正则校验

/^(25[0-5]|2[0-4]\d|[0-1]?\d?\d)(\.(25[0-5]|2[0-4]\d|[0-1]?\d?\d)){3}$/
const IPV4_STR = '^(25[0-5]|2[0-4]\\d|[0-1]?\\d?\\d)(\\.(25[0-5]|2[0-4]\\d|[0-1]?\\d?\\d)){3}$';

PHONE_NUMBER

手机号正则校验

/^0?(13[0-9]|15[012356789]|17[013678]|18[0-9]|14[57])[0-9]{8}$/
const PHONE_NUMBER_STR = '^0?(13[0-9]|15[012356789]|17[013678]|18[0-9]|14[57])[0-9]{8}$';

PASSWORD

强密码正则

/(?=.*[0-9])(?=.*[A-Z])(?=.*[a-z])(?=.*[^a-zA-Z0-9]).{8,}/
const PASSWORD_STR = '(?=.*[0-9])(?=.*[A-Z])(?=.*[a-z])(?=.*[^a-zA-Z0-9]).{8,}';

color

addOpacity

给颜色添加透明度

addOpacity('#fff', 0.7); // rgba(255,255,255,0.7)
addOpacity('rgb(0,0,0)', 0.7); // rgba(0,0,0,0.7)
addOpacity('rgba(0,0,0)', 0.7); // rgba(0,0,0,0.7)

hex2Rgb

将16进制颜色转换为rgb颜色

hex2Rgb('#000'); // 'rgb(0,0,0)'

rgb2hex

将rgb颜色转换为16进制颜色

color2Rgb('rgb(0,0,0)'); // '#000'

rgba2hex

将rgba颜色转换为16进制颜色

rgba2rgb

将rgba颜色转换为rgb颜色

hump

hump2hyphen

驼峰命名转连字符命名

import {hump2hyphen} from "https://unpkg.com/@gaopeng123/utils.string/dist/utils.string.esm.js";
const width = 'width';
const backgroundColor = 'backgroundColor';
const borderBottomStyle = 'borderBottomStyle';
document.getElementById('utils-hump2hyphen').innerText = hump2hyphen(width); // width
document.getElementById('utils-hump2hyphen2').innerText = hump2hyphen(backgroundColor //background-color
document.getElementById('utils-hump2hyphen3').innerText = hump2hyphen(borderBottomStyle);//border-bottom-style

hyphen2hump

连字符命名转驼峰命名

import {hyphen2hump} from "https://unpkg.com/@gaopeng123/utils.string/dist/utils.string.esm.js";
const width = 'width';
const backgroundColor = 'background-color';
const borderBottomStyle = 'border-bottom-style';
document.getElementById('utils-hump2hyphen').innerText = hyphen2hump(width); //width
document.getElementById('utils-hump2hyphen2').innerText = hyphen2hump(backgroundColor) //backgroundColor
document.getElementById('utils-hump2hyphen3').innerText = hyphen2hump(borderBottomStyle);//borderBottomStyle

css

addBoxSizeUnit

添加style单位，无单位添加单位

添加box尺寸单位 [em px % rem vw vh vmax vmin ex]

addBoxSizeUnit(10); // 10px
addBoxSizeUnit('10px'); // 10px
addBoxSizeUnit('10%'); // 10%