uni-app自定义规范

一丶 函数

1,在页面内定义函数和参数需要有备注,定义此方法的含义及其使用,函数 生命函数推荐使用uni-app的内置自带函数,不推荐使用vue的生命函数,变量的命名和函数的命名应该是有含义的,能有比较高的辨识度

2,在页面中使用this 推荐在全局置顶设置_this 这样会保持风格统一 且节省代码

	var _this
	export default {
		data(){
			return{
			
			}
		},
		onLoad() {
		_this=this
		// 后面可以全部使用_this替代this
		}
	}

3丶 一个方法的代码量不应该过多 ,及时解耦 ,fro循环推荐使用map forEach reduce代替 对于判断很多业务量的时候建议 switch

4丶公共方法的封装都需要有注释及其参数及其参数参数注释,单个方法保持功能单一,耦合度低 ,常用的方法写在单独的文件内 ,使用频繁的可以挂载到原型,至于使用频率低的不建议挂载至原型

5丶 对于接口的使用要独立封装,节约代码量,统一保存请求头及其token 这样可以尽量保持对接接口参数的可控性

6丶 在uni-app中使用 async/await

async fun2() {
	return new Promise((secc,err)=>{
		setTimeout(() => {
		console.log("1")
		secc('1')
		}, 100)
	})
},
fun1: async function() {
	await this.fun2()
	console.log('2')
},

7丶 在uni-app回退显示时,会显示网络不给力 ,点击重试 这时候可以更改首页文件的响应时间

你可能感兴趣的:(uni-app自定义规范)