美文网首页
JS命名、CSS命名参考规范

JS命名、CSS命名参考规范

作者: 米卡卡米 | 来源:发表于2022-11-14 10:23 被阅读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 分享到此,希望大家在编码时候保持好的习惯,慢慢习惯规范命名~

    相关文章

      网友评论

          本文标题:JS命名、CSS命名参考规范

          本文链接:https://www.haomeiwen.com/subject/kmxnortx.html