yan-utils

yan-utils

js 方法库

安装

yarn add yan-utils
# or
npm i yan-utils -S

引入

import xxx from 'yan-utils';
import { xxx } from 'yan-utils/lib/array.js';

用例

array.js

1. 数组取交集 arrayIntersect(arr1,arr2)
2. 数组取差集 arrayDiffer(arr1,arr2)
3. 数组去重 arrayUnique(arr)
4. 数组平铺 arrayFlat(arr)
5. 数组项随机获取 arrayRandom(arr);

browser.js

1. 浏览器 url 参数转对象 parseQueryString(url)
2. 对象转浏览器 url stringifyQueryString(obj)

download.js

1. 普通下载 download()
2. 下载 blob 对象 downloadBlob()
3. 下载文字 downloadStr()
4. 下载图片 downloadImage()

num.js

1. 阿拉伯数字转中文 NumberToChinese(num)
2. 中文转阿拉伯数字 ChineseToNumber(str)
3. 四舍五入到指定位数 roundToDigit(num,digit)
4. 生成指定范围的随机整数 randomIntegerInRange(num1,num2)
5. 生成指定范围的随机小数 randomFloatInRange(num1,num2)

time.js

1. 获取日期在本年的天数 dayOfYear(date)
2. 获取时间的 24 小时制字符串 getTimeNow(str)
3. 获取时间区间的天数 getBetweenDate(date1,date2)
4. 检查某日期是否在某日期之后 isAfterDate(date1,date2)
5. 检查某日期是否在某日期之前 isBeforeDate(date1,date2)
6. 获取明天的字符串格式时间 getTimeTomorrow()

validate.js

1. 是否是 PC 端 isPC()
2. 手机号码正则 isPhone()
3. 判断是否是 iphonex isIphoneX()
4. 判断是身份证号是否正确 isRightIdCard(str)
5. 判断邮箱是否正确 isRightEmail(str)
6. 判断是否全等 isEquals()
7. 判断是否是字符串 isString(str)
8. 判断是否是对象 isObject(obj)
9. 判断是否是 Dom isHtmlElement(node)
10. 判断是否是函数 isString(fn)
11. 判断是否是 undefined isUndefined(val)
12. 判断是否是 defined isDefined(val)

翻页类使用方法:

// 分页元素ID（必填）
let selector = '#pagelist';
// 分页配置
let pageOption = {
	// 每页显示数据条数（必填）
	limit: 5,
	// 数据总数（一般通过后端获取，必填）
	count: 162,
	// 当前页码（选填，默认为1）
	curr: 1,
	// 是否显示省略号（选填，默认显示）
	ellipsis: true,
	// 当前页前后两边可显示的页码个数（选填，默认为2）
	pageShow: 2,
	// 开启location.hash，并自定义hash值 （默认关闭）
	// 如果开启，在触发分页时，会自动对url追加：#!hash值={curr} 利用这个，可以在页面载入时就定位到指定页
	hash: false,
	// 页面加载后默认执行一次，然后当分页被切换时再次触发
	callback: function (obj) {
		// obj.curr：获取当前页码
		// obj.limit：获取每页显示数据条数
		// obj.isFirst：是否首次加载页面，一般用于初始加载的判断
		// 首次不执行
		if (!obj.isFirst) {
			// do something
		}
	},
};
// 初始化分页器
new Pagination(selector, pageOption);