瞬间从IT屌丝变大神——命名规则

为了避免命名冲突，命名规则如下：

• 公共组件因为高度重用，，命名从简，不要加前缀。
• 各栏目的相应代码，需加前缀，前缀为工程师姓名拼音的首字母，例如：海子前缀为“hz_”，分隔符为下划线"_",例如：“hz_imgList”。
• 模块组件化，组建中的class或id名采用骆驼命名法和下划线相结合的方式，单词之间的分隔靠大写字母分开，从属关系靠下划线分隔。

---

 

      html:

      <ul class="textList">

      <li class="textList_firstItem">xxxxxxxxxxx</li>

      <li>xxxxxxxxxx</li>

      </ul>

 

      CSS:

     .textList { }

     .textList_firstItem { }

---

 

• 命名清晰，不怕命名长，怕命名容易冲突，长命名可以保证不会产生冲突，所以CSS选择时可以尽量不使用子选择符，也能确保CSS优先权重足够低，方便扩展时的覆盖操作。

---

      .textList_firstItem { }

 

---

 

• 命名要有意义，不要使用没有意义的命名，尽量用英语命名，不要用拼音。