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回退显示时,会显示网络不给力 ,点击重试 这时候可以更改首页文件的响应时间

软件设计方案 用户界面设计规范 用户界面:又称人机界面,实现用户与计算机之间的通信,以控制计算机或进行用户与计算机之间的数据传送的系统部件。 GUI:即图形用户界面,一种可视化的用户界面,它使用图形界面代替正文界面。 本系统坚持图形用户界面(GUI)设计原则,界面直观、对用户透明。用户接触软件后对界面上对应的功能一目了然、不需要多少培训就可以方便地使用本应用系统。 1、界面设计介绍 界面设计是为了满足软件专业化标准化的需求而产生的对软件的使用界面进行美化优化规范化的设计分支。 1)软件启动封面设计 应使软件启动封面最终为高清晰度的图像,选用的色彩不宜超过256色,大小多为主流显示器分辨率的1/6大。启动封面上应该醒目地标注制作或支持的公司标志、产品商标、软件名称、版本号、网址、版权声明、序列号等信息,以树立软件形象,方便使用者或购买者在软件启动的时候得到提示。插图宜使用具有独立版权的、象征性强的、识别性高的、视觉传达效果好的图形,若使用摄影也应该进行数位处理,以形成该软件的个性化特征。如果是系列软件还将考虑整体设计的统一和延续性。 2)软件框架设计 软件框架设计要复杂得多。软件框架设计应该简洁明快,尽量少用无谓的装饰,应该考虑节省屏幕空间,各种分辨率的大小,缩放时的状态和原则,并且为将来设计的按钮、菜单、标签、滚动条及状态栏预留位置。设计中将整体色彩组合进行合理搭配,将软件商标放在显著位置,主菜单应放在左边或上边,滚动条放在右边,状态栏放在下边,以符合视觉流程和用户使用心理。 3)软件按钮设计 软件按钮设计应该具有交互性,即应该有3到6种状态效果:点击前鼠标未放在上面时的状态;鼠标放在上面但未点击的状态;点击时状态;点击后鼠标未放在上面时的状态;不能点击时状态;独立自动变化的状态。按钮应具备简洁的图示效果,名称易懂,用词准确,能望文知意最好,让使用者产生功能关联反应,群组内按钮应该风格统一,功能差异大的按钮应该有所区别。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值