WEB前端代码书写规范

WEB前端代码书写规范

1. 命名规范

a.ClassName命名

ClassName的命名应该尽量精短、明确，必须以单页面字母开头命名，且全部字母为小写，单词之间统一使用下划线 “_” 连接：

例如：‘首页页面--  .index_logo{}’

注意：

在代码量大的情况下，尽量避免使用后代选择器以及子代选择器，尽可能多的取CalssName名称，以防后期修改代码的不便

b.图片命名

图片业务（可选） +（mod_）图片功能类别（必选）+ 图片模块名称（可选）

注意：

1. 图片精度：如@2X，@3X,不可出现，蓝湖下载默认自带后缀，需自己手动删除！！！图片格式根据项目需要进行下载（png、jpg、svg....）
2. Icon图标规则：小的icon图标，使用div盒子背景图的模式放入，不要使用img标签嵌套带入！！！

图片业务：

List item

pp_：拍拍

wx_：微信

sq_：手Q