angle-ts 函数包

js常用代码的工具包（包含验证类、输入类、工具类、操作类）

资源下载在最底下

引入&使用

// main.js
import Vue from 'vue'
import angleTs from '@/uni_modules/angle-ts'
Vue.use(angleTs)

在业务中通过使用 uni.$le 可以使用里面的工具方法：

uni.$le.trim("工具类 函数"); // 工具类函数
uni.$le.isEmail("123"); // false
uni.$le.isNumber(0.1); // true
uni.$le.isLetter("angle"); // true
uni.$le.deepClone({a:{b:{c:1}}}) // {a:{b:{c:1}}}

通用类API

去除空格

uni.$mt.trim(" 123 456 "); // "123 456"
uni.$mt.trim(" 123 456 ","left"); // "123 456 "
uni.$mt.trim(" 123 456 ","right"); // " 123 456"
uni.$mt.trim(" 123 456 ","all"); // "123456"

深度拷贝

let obj1 = {a:{b:{c:1}}}
uni.$le.deepClone(obj1); // {a:{b:{c:1}}}
let obj2 = {d:100}
uni.$le.deepClone(obj1,obj2); // {d:100,a:{b:{c:1}}}

获取URL参数

uni.$le.getUrlParam("https://url.com?page=1&limit=10"); // {page: '1', limit: '10'}

获取随机id值(长度最高为10)

uni.$le.getRandomId();  // vh6o5gv3ng
uni.$le.getRandomId(6); // k8jrq8

防抖

传两个参数，第一个是方法，第二个是间隔（默认为1000ms）

uni.$le.debounce(function(){// 执行函数
},1000)

<button @click="$le.debounce(handleSubmit, 500)">submit</button>

节流

传两个参数，第一个是方法，第二个是间隔（默认为1000ms）

uni.$le.trottle(function(){// 执行函数
},1000)

<button @click="$le.trottle(handleSubmit, 500)">submit</button>

数字类API

作用	API	示例
数字换算单位(如1.1k,1.5w)	num2K	uni. l e . n u m 2 K ( 158 ) ; / / 158 u n i . le.num2K(158); // 158uni. le.num2K(158);//158uni.le.num2K(1580); // 1.6kuni.$le.num2K(15800); // 1.5w
数字换算单位(如1,000)	num2M	uni. l e . n u m 2 M ( 1580 ) ; / / 1 , 580 u n i . le.num2M(1580); // 1,580uni. le.num2M(1580);//1,580uni.le.num2M(1580000); // 1,580,000
随机数获取	random	uni. l e . r a n d o m ( ) ; / / 0.5390831595774499 u n i . le.random(); // 0.5390831595774499 uni. le.random();//0.5390831595774499uni.le.random(30); // 30.604481991663793 uni.$le.random(30,35); // 34.71490308939509
精确小数	round	uni.$le.round(0.1+0.2); // 0.3

示列代码

/* 数字换算单位(如1.1k,1.5w) */
uni.$le.num2K(158);   // 158
uni.$le.num2K(1580);  // 1.6k
uni.$le.num2K(15800); // 1.5w/* 数字换算单位(如1,000) */
uni.$le.num2M(1580);    // 1,580
uni.$le.num2M(1580000); // 1,580,000/* 随机数获取 */
uni.$le.random();      // 0.5390831595774499
uni.$le.random(30);    // 30.604481991663793
uni.$le.random(30,35); // 34.71490308939509/* 精确小数 */
uni.$le.round(0.1+0.2); // 0.3

验证类API

作用	API	示列
判断是否为对象	isObject	uni.$le.isObject()
判断是否为空对象	isEmptyObject	uni.$le.isEmptyObject()
判断是否为数组	isArray	uni.$le.isArray()
判断是否为空数组	isEmptyArray	uni.$le.isEmptyArray()
判断是否为空(对象OR数组)	isEmptyLer	uni.$le.isEmptyLer()

示列代码

/* 判断是否为对象 */
uni.$le.isObject([]); // false
/* 判断是否为空对象 */
uni.$le.isEmptyObject({}); // true
/* 判断是否为数组 */
uni.$le.isArray({}); // false
/* 判断是否为空数组 */
uni.$le.isEmptyArray([1]); // false
/* 判断是否为空(对象OR数组) */
uni.$le.isEmptyLer([]); // true

输入验证类API

作用	API	示列
是否为空	isEmptyStr	uni.$le.isEmptyStr()
匹配Mobile	isMobile	uni.$le.isMobile()
匹配phone	isPhone	uni.$le.isPhone()
匹配Email	isEmail	uni.$le.isEmail()
匹配integer	isInteger	uni.$le.isInteger()
匹配double或float	isDouble	uni.$le.isDouble()
是否为身份证号码	isIdCard	uni.$le.isIdCard()
是否为中文	isChinese	uni.$le.isChinese()
是否为字母	isLetter	uni.$le.isLetter()
是否为字母或者数字	isEnOrNum	uni.$le.isEnOrNum()
是否为URL格式	isUrl	uni.$le.isUrl()
是否图片格式	isImage	uni.$le.isImage()
是否视频格式	isVideo	uni.$le.isVideo()
判断数值类型，包括整数和浮点数	isNumber	uni.$le.isNumber()
判断是否为正整数(只能输入数字[0-9])	isPositiveInteger	uni.$le.isPositiveInteger()

示列代码

/* 是否为空 */
uni.$le.isEmptyStr("") // true
/* 匹配Mobile */
uni.$le.isMobile(123456789) // false
/* 匹配phone */
uni.$le.isPhone(123456789) // false
/* 匹配Email */
uni.$le.isEmail("12345@qq.com") // true
/* 匹配integer */
uni.$le.isInteger("12") // true
/* 匹配double或float */
uni.$le.isDouble("1.256") // true
/* 是否为身份证号码 */
uni.$le.isIdCard(1234) // false
/* 是否为中文 */
uni.$le.isChinese("angle") // false
/* 是否为字母 */
uni.$le.isLetter("angle") // true
/* 是否为字母或者数字 */
uni.$le.isEnOrNum(1234) // true
/* 是否为URL格式 */
uni.$le.isUrl("https://www.url.com/") // true
/* 是否图片格式 */
uni.$le.isImage("xxx.jpeg"); // true
/* 是否视频格式 */
uni.$le.isVideo("xxx.mp4");  // true
/* 判断数值类型，包括整数和浮点数 */
uni.$le.isNumber(12) // true
/* 判断是否为正整数(只能输入数字[0-9]) */
uni.$le.isPositiveInteger(0.1) // false

操作类API

作用	API	示列
格式化日期格式 (用于兼容ios Date对象)	formatDate	uni.$le.formatDate()
对Date的扩展，将 Date 转化为指定格式的String	dateFormat	uni.$le.dateFormat()
对象转URL	urlEncode	uni.$le.urlEncode()
遍历对象	objForEach	uni.$le.objForEach()
是否在数组内	inArray	uni.$le.inArray()

示列代码

/* 格式化日期格式 (用于兼容ios Date对象) */
uni.$le.formatDate("2023-01-01"); // 2023/01/01
/* 对Date的扩展，将 Date 转化为指定格式的String */
uni.$le.dateFormat('YYYY-mm-dd HH:MM:SS', new Date()); // 输出当前时间 列如 2023-01-01 06:00:00
/* 对象转URL */
uni.$le.urlEncode({page:1,limit:10}); // page=1&limit=10
/* 遍历对象 */
uni.$le.objForEach({page:1,limit:10},(key)=>{console.log(key)
}); // 1  10
/* 是否在数组内 */
uni.$le.inArray(2,[1,2,3,4]); // true

下载地址

10分钟打造自己专属的uni-app工具箱相关推荐

不用代码，10分钟打造属于自己的第一款小程序
扫码体验早晨到公司的时候,手机上推送的小程序审核通过的消息,激动的下载了小程序的二维码,扫一扫即可在手机上打开上线的小程序,不枉费昨天晚上熬夜到凌晨,用免费平台测试的功夫 gh_098cec5701 ...
教你3分钟打造一个专属微信聊天机器人
3分钟打造专属于你的微信聊天机器人语言:Python IDE: 这个不做要求,使用PyCharm / Visual Studio Code 等等均可前提: 需要先搭建好python环境,版本2.7 ...
不需要程序员，产品经理也能10分钟打造一个深度学习模型
想要给产品加上图像识别或声音识别的AI能力需要做哪些工作? 第一步:定义和明确需求,第二步:采集和标注大量的数据,第三步:写算法.调参数,第四步:校验模型效果并持续反复第二步和第三步,第五步:将模型做 ...
10分钟设置自己专属的域名邮箱，逼格满满！
邮箱,在工作和日常生活中总被频繁使用,但大部分人自己的个人邮箱都只是QQ,163等这种免费的个人邮箱.只有公司邮箱才算是比较高大上的,比如58同城,可能就是username@58.com,这种通过后面 ...
[转帖]高档的moss页面修改工具SPCAMLEditor使用系列(1)--利用SPCAMLEditor，10分钟打造一个在线视频播放库...
转载自:http://www.cnblogs.com/jianyi0115/archive/2008/04/28/1175259.html 好文章! 这篇文章将介绍SPCAMLEditor的实际应用之 ...
10分钟让你了解应用宝APP上架流程
APP开发完成后,需要上架到各个应用市场,才能供用户下载使用,这篇文章和大家介绍一下应用宝的上架流程,供大家参考,给需要上架的人做参考: 上架前需要注册开发者账号,注册类型有个人和公司,然后按照提示, ...
程序员用10分钟写了个旅游管家APP，女友用了直呼贴心
「呐,你知道吗? 听说樱花飘落的速度是秒速五厘米哦.」听到阿珍又念起这句经典台词,阿强,这个对自然界的花期不太敏感的程序员,也收到了"樱花开了"的讯号. 春天的樱花不能错过,赏樱 ...
10分钟搭建局域网共享，3种方式，安全如此简单
搭建局域网共享是不少公司常用的文件分享方式,但是对于没有IT运维人员的公司,这是一个不小的挑战. 今天提供3种方法,跟着步骤实操起来. Windows10文件共享 1.鼠标右击网络图标,选择[网络和I ...
两分钟打造一个转属于你的网址导航（零基础，告别广告困扰）
当我们打开浏览器时,总会会被默认网址导航所困扰,网址导航页没有自己常用的网址,时不时会弹出来烦人的广告,等等等困扰我们的问题,花费两分钟的时间,看完这篇文章之后,打造一个专属于你的网址导航,从此告别一 ...

10分钟打造自己专属的uni-app工具箱

angle-ts 函数包

引入&使用

通用类API

去除空格

深度拷贝

获取URL参数

获取随机id值(长度最高为10)

防抖

节流

数字类API

示列代码

验证类API

示列代码

输入验证类API

示列代码

操作类API

示列代码

10分钟打造自己专属的uni-app工具箱相关推荐

最新文章

热门文章