资讯专栏INFORMATION COLUMN

命名规范

Keven / 2856人阅读

摘要:统一规范的优点团队开发才会变得更有效率更容易维护所以在项目中所有文件统一使用编码所有文件命名使用英文字符,包括文件文件文件图片等另外规范充分利用有语义的标签命名尽量做到见名知意尽量减少多余嵌套避免多类症原则能不添加类就尽量保持文档结构,此

统一规范的优点:

1)团队开发才会变得更有效率

2)更容易维护

所以在项目中:

1)所有文件统一使用utf-8编码

2)所有文件命名使用英文字符,包括html文件、css文件、js文件、图片等

另外:

1、HTML规范

1)充分利用有语义的html标签

2)id,class命名尽量做到见名知意

3)尽量减少多余嵌套

4、避免“多类症”

原则:能不添加类就尽量保持文档结构,此处可跟标签语义化结合

5、避免“多div症”

原则:应只在没有现有元素能实现区域分割的情况下使用div

2、CSS规范

1)类名、属性名、属性值全部使用小写字母

2)尽量不要用id去写样式

考虑样式覆盖的简易性

3、javascript规范

1)每行代码结束必须有分号

2)变量、函数使用驼峰式命名

3)命名语义化,尽可能利用英文单词或其缩写

4)格式化代码,并加适量注释

4、图片规范

1)图片格式仅限于gif、png、jpg

2)命名全部用小写英文字母、数字、下划线组合,其中不得包含汉字、空格、特殊字符

3)运用css sprite技术集中小的背景图或图标,减小页面http请求

4)装饰性图片放在/css/img文件夹下,其他图片放在/img文件夹下

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/116604.html

相关文章

  • 前端编码规范之:样式(scss)编码规范

    摘要:前端编码规范之使用规范前端编码规范之样式编码规范前端编码规范之结构规范前端编码规范之最佳实践前端编码规范之编码规范命名的原则是通俗易懂,尽量保持不重复冲突,尽量不要用。我觉得应该避免出现出现这种方式用预处理器拼接出来的名称,会生成。 前端编码规范之:Git使用规范 前端编码规范之:样式(scss)编码规范 前端编码规范之:HTML结构规范 前端编码规范之:Vue最佳实践 前端编码规范...

    reclay 评论0 收藏0
  • CSS命名规范

    摘要:命名规则样式类名全部用小写,首字符必须是字母,禁止数字或其他特殊字符。其他禁止使用在样式表命名中,一律使用命名。什么是命名空间通过统一的命名规范定义命名的范围,成为命名空间。1 前端开发命名规范 1.1 为什么要制定CSS命名规范 统一的命名规范,便于多人开发维护时代码统一,减少项目沟通和交接的成本,增加代码的语义化。 1.2 CSS命名规则 样式类名全部用小写,首字符必须是字母,禁止数...

    vvpale 评论0 收藏0
  • PHP开发编码规范

    摘要:本规范只针对开发过程中编码的规范,对于开发项目中文件目录数据库等方面的规范,将不重点涉及。本规范包含了开发时程序编码中命名规范代码缩进规则控制结构函数调用函数定义注释包含代码标记文件头的注释块标记样例常量命名等方面的规则。 第一章 编码规范 为了更好的提高技术部的工作效率,保证开发的有效性和合理性,并可最大程度的提高程序代码的可读性和可重复利用性,指定此规范。开发团队根据自己的实际情...

    kycool 评论0 收藏0
  • 【PHP】PSR简要规范

    摘要:是一系列关于开发的规范,分有好几个版本,自己学的也较为肤浅,但还是希望能时常查看规范,为了方便记忆和遵循,我把关键词为必须的捡拾出来,做个简单地必要规范的记录。所有文件必须使用作为行的结束符。 PSR是一系列关于PHP开发的规范,分有好几个版本,自己学的也较为肤浅,但还是希望能时常查看规范,为了方便记忆和遵循,我把关键词为必须的捡拾出来,做个简单地必要规范的记录。(就是个搬砖的。。。)...

    Steve_Wang_ 评论0 收藏0
  • [前端开发]--分享个人习惯的命名方式

    摘要:最近在知乎上看到这个作为程序员,有没有让你感到既无语又崩溃的程序命名。今天,也分享下最近自己在使用的命名习惯,当然只是个人习惯。但是两个函数的命名,一个是,另一个是。关于的命名规范,应该很多人都是习惯用大驼峰命名。 把一件平凡的事情做好,很平凡。把一件平凡的事情坚持的做好,很不平凡。 1.前言 如果说计算机科学只存在两个难题:缓存失效和命名。那么我就觉得命名的难点只有两个:词汇量和坚持...

    Rocture 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<