前端命名基本规范

前端命名基本规范

 

 

文件夹命名/文件命名

(以小横杠(-)分隔,全部小写没有大写)【windows下大小写不敏感】

 


 

字段命名

  • 变量字段【驼峰】命名

属性类 [主体...][属性][状态(可选)]

  • [container][size] => containerSize
    • [container][size][old/new] => containerSizeOld/containerSizeNew

 

表述主体类 [定语][主体]

  • [node][list] => nodeList

 

状态类

  • 进行中 is[状态名]  (视图绑定中一般用is更多)
  • is[runing] => isRunning
  • 为了描述清楚主体也可在中间添加主体名
    • is[rabbit][running] => isRabbitRunning
  • 完成状态 has[状态名]
  • has[done] => hasDone

 

  • 不可变量 【全部大写】,字母间用下划线(_)分隔
  • 词性可参考变量的命名
    • const DEFAULT_MODE = "open";
    • const IS_MOCK = false;

方法命名

  • 实例方法,【驼峰】命名

内部调用方法

  • [动作][对象]
  • [open][video] => openVideo
    • [init][chart] => initChart

 

外部调用方法,因为是外部调用,所以作用对象(就是自己)已经有了,所以对象可以忽略

  • [动作]
  • [打开open] =>  video.open()

 

事件回调方法

  • on[事件名]
  • on[resize] => onResize

 


 

注:命名中【定语】和【状语】可以视需要添加,一般定语在主体前,状语在主体后

 

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页

打赏作者

Justin_zzc

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值