前端开发规范相关

233 阅读2分钟

开发过程中记得要注释

**一、关于html
**1、html代码尽量语义化,什么标签干什么事情,比如标题就用

二、关于CSS
1、css定义class命名类名尽量要快,不用在命名上耽误太多时间,不要太在意别人怎么命名,找到适合自己的命名方式增加效率。命名尽量用英文单词,少用拼音,可以是简写单词,不懂可以翻译。
2、开发之前先花几分钟时间看下页面哪些是公用的,公用的可以用公用的css写。
3、命名也尽量不失语义,比如

里面是标题

这个div的内容是属于标题,定义class的时候就是标题相关的单词。如果有多个单词中间用 “—” 隔开。
4、写css选择器的时候尽量不要太长,找到某个元素的选择器不要超过三个,比如一个大模块,里面很多层,css中写选择器的时候不一定要从最外层一步步写下来,比如:要找到里面某个模块里面的a标签设置属性:.module .nav .title a{};这样些是不好,选择器太长了,我们可以直接在a标签上设置class来做为位置:.module .a{};
5、每个大漠块里面的小模块或者小模块里面的元素需要css用到,那么可以每个小模块也设置个带有外边大模块标识的class,比如大模块的class=“nav-module”,里面小模块的class就可以用大模块class每个单词的首个字母做为标识来定义,比如:class="nm-smodule",nm就是大模块class标识。这样不会和其他大模块冲突,写css选择器的时候也可以直接从小模块class开始,不必每次都带上大模块的class,这样可以减少css选择器的长度且看上去也合理。

6、命名参考:

填写图片摘要(选填)

三、关于JS
1、js中用到页面上的class,这些class的作用最好跟css没关系,只针对js用而已,带上J前缀比如:J_border 或者带上JS后缀borderJS