uni-app项目基础配置(在项目中经常做的一些公共封装方法)

这里我们就以uni-app举例,简单介绍一下在项目中需要的一些配置

1、封装公共网络请求

2、封装路由表对象(我们将项目中所有路由封装起来,方便统一管理)

3、封装图片静态资源表

5、封装相同数据统一管理,避免每个页面都需要定义

6、使用store存储

8、通用格式处理

9、封装常用方法统一管理

以上是我们本次项目总结,封装及调用方法

这里我简单举几个例子

校验手机格式

function checkMobile(mobile) {

	return RegExp(
			/^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(18[0-9]{1})|(17[0-9]{1})|(19[0-9]{1}))+\d{8})$/)
		.test(mobile);
}

校验身份证号

function checkIDNumber(card) {
	// 身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X 
	var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
	if (reg.test(card) === false) {
		// alert("身份证输入不合法");
		return false;
	} else {
		return true;
	}
}

时间戳转化为年 月 日 时 分 秒

function formatTime(number, format) {
	var formateArr = ['Y', 'M', 'D', 'h', 'm', 's'];
	var returnArr = [];

	var date = new Date(number * 1000);
	returnArr.push(date.getFullYear());
	returnArr.push(formatNumber(date.getMonth() + 1));
	returnArr.push(formatNumber(date.getDate()));

	returnArr.push(formatNumber(date.getHours()));
	returnArr.push(formatNumber(date.getMinutes()));
	returnArr.push(formatNumber(date.getSeconds()));

	for (var i in returnArr) {
		format = format.replace(formateArr[i], returnArr[i]);
	}

	return format;
}

防止快速连续点击,节流函数

function throttle(fun, delay) {
	let oadDate = Date.now();
	return function() {
		let _this = this;
		let args = arguments;
		let newDate = Date.now();
		if (newDate - oadDate > delay) {
			fun.apply(_this, args);
			oadDate = Date.now();
		} else {
			uni.showToast({
				title: '请不要频繁点击哦~',
				icon: 'none'
			})
		}
	}
}

所有内容可以下载源码,有什么不懂可以留言一起讨论

扫码小程序 / 微信搜索   源流空间  直接下载

 

  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值