美文网首页
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命名参考规范

    命名对一个前端来说其实是一个非常麻烦的事情。尤其是对于我这种英语不是很好的人。合理的命名能提升很多对于代码的维护和...

  • Web前端编码及注释规范

    一、命名规范 Web前端开发中的命名包括,项目命名、目录命名、JS文件命名、CSS文件命名、HTML文件命名等,详...

  • 前端css命名规范

    1,10 命名规范 如何命名 • css最好用class来命名,js用id来命名,已做区分 • id和class的...

  • 项目开发规范参考

    现有项目的开发规范文档 目录 命名规则文件命名 HTML规范 CSS规范 JS规范变量申明简写代码性能优化注释规范...

  • [知识点滴]Div+CSS命名规范大全

    Div+CSS命名规范(前端web开发命名规范)Div+CSS命名规范(一)窗体头:header内容:conten...

  • 入门13 CSS综合

    CSS编码规范 命名规范:语义化标签优先;基于功能命名、基于内容命名、基于表现命名;简略、明了、无后患 书写规范:...

  • VUE中CSS命名规范(参考BEM命名规范)

    用了elementUI后,发现css类名中“--”和“__”,不知道是什么意思?于是上网查了一下,它们的出现...

  • 团队命名规范

    JS规范 1.HTML/CSS文件命名 确保文件命名总是以字母开头而不是数字,且字母一律小写,以驼峰格式命名,如:...

  • 前端基本开发规范

    一般规范 HTML书写规范 CSS书写规范 JavaScript书写规范 一般规范 文件资源命名 资源(图片、js...

  • 前端一些编程规范

    编程规范 命名规范 HTML + CSS 命名规范 img 标签四要素 为图像指定 height 和 width ...

网友评论

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

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