前端开发规范细则

关于界面展示

  • 界面支持自适应 / 设置最小宽 / 整体缩放 — 不允许出现界面错乱的情况。
  • 按钮不允许重复点击,设置loading状态。
  • 表单提交后loading状态下,不允许编辑表单,可以添加遮罩蒙层。
  • 接口请求未返回,需要有loading状态。
  • 样式初始化,避免浏览器自带样式影响界面效果。
  • 点击区域不能过小,比如一个文字按钮,可适当添加边距加大点击区域。比如下拉按钮,点击区域扩大到整行,而不止下拉图标。
  • 需要考虑文字过长时的展示效果。可以省略号展示,但必须添加title属性。
  • 要对设计搞有疑问时,须尽早提出。

关于业务处理及代码规范

  • 建议添加头信息
/*
 * @Author: Arin
 * @Date: 2021-03-11
 * @Last Modified by: Arin
 * @Last Modified time: 2021-03-11
 * @Des: 当前文件所处理的业务概要
 * 
 */
  • 开启eslint代码检测,保证团队代码风格一致
  • 要保证即使接口挂掉,界面也不会奔溃报错,仅是无数据。
  • 对象、数组使用的时候必须进行非空判断。
  • 将用到的字符串存为常量、枚举值,方便排查错误,及提高可读性。

未完待续~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值