## 编码规范
* 注释代码交予后端之前必须删除
* css代码必须单独写在css文件中
* script标签默认为js语言,无需添加type属性
* css文件必须统一放到头部
* js文件无特殊情况必须统一放在body标签下方
* 所有涉及到后端替换变量的地方必须要有单独的标签,例如用户名和手机号。
正例:
~~~html
<div>
<span class="username">用户名</span>
<span class="mobile">手机号</span>
</div>
~~~
反例:
~~~html
<h4>
用户名
<font>手机号</font>
</h4>
~~~
* 避免使用CSS类型选择器,非必要的情况下不要使用元素标签名和ID或class进行组合。
~~~
/* 不推荐 */
ul#example {}
div.error {}
/* 推荐 */
#example {}
.error {}
~~~
* 涉及到图片组件需要设置宽高,否则客户上传不规格图片页面会变形。
* 文字过长部分需要用省略号代替
* 手机版需要对主流机型进行适配(iPhone6以上,华为、小米、魅族、oppo、vivo主要机型)
* 前端class,id,命名全部用驼峰命名法,禁止使用下划线等命名法,区别于插件的命名方法。
* 修改插件命名的样式时,寻找dom 的class层级要高或者直接使用 !important, 避免被插件的样式覆盖,修改的插件样式尽量放在一处。
* 不是完全相同样式的两个标签,请用不同的class名称,以便修改时不用将css写在标签内,或者是修改时影响其他标签样式。