JS命名、CSS命名参考规范

2022-11-14  本文已影响0人  米卡卡米

命名对一个前端来说其实是一个非常麻烦的事情。尤其是对于我这种英语不是很好的人。
合理的命名能提升很多对于代码的维护和可读性。其实等于是一个小型的注释,保持良好的命名方式,能省很多事


JS的命名:

变量名命名:小驼峰式命名
规范:前缀是名词
尽量在变量名字中体现所属类型,如:length、count等表示数字类型;而包含name、title表示为字符串类型。
Let tableTitle=’xxx’; √
Let getTitle=’xxx’; ×

函数命名:小驼峰式命名
规范:前缀是动词
尽量使用以下约定:

JS函数命名

getInfoData:获取info数据
handleEdit: 操作编辑按钮


CSS 使用BEM命名规范

标准的 BEM 写法是
.block-name__element-name--modifier-name
.模块名字_元素名--修饰名字
.imgCart_title--center
模块名和元素名必须,修饰名不必须,可选择使用。

css命名-参考布局块定义
--
end 分享到此,希望大家在编码时候保持好的习惯,慢慢习惯规范命名~
上一篇下一篇

猜你喜欢

热点阅读