前端开发规范

个人总结
慢慢积累，路还长，不要方。

项目规范

• 项目命名
  全部采用小写方式，以中划线分割。

• 目录命名
  全部采用小写方式， 以中划线分隔

• 命名严谨性
  代码中的命名严禁使用拼音与英文混合的方式，更不允许直接使用中文的方式。 说明：正确的英文拼写和语法可以让阅读者易于理解，避免歧义。注意，即使纯拼音命名方式也要避免采用

• 规范化缩写
  杜绝完全不规范的缩写，避免望文不知义（尽量不要使用生僻缩写）,随意缩写严重降低了代码的可阅读性

css规范

• class命名
  禁止使用驼峰命名

// 错误
.pageTop{

}

// 正确
.page-top{
    color:red
}

VUE规范

• vue组件命名
  项目中组件采用大驼峰命名

// 错误
/view/home/components/list-card

// 正确
/view/home/components/ListCard

• 组件代码行数
  一个组件代码行数最多200。如果超过200就可以考虑子组件的创建

• v-for和v-if不能共用
  参考官网 | Vue.js (vuejs.org)

// 错误
<div v-if="list.length" v-for="item in list">
  <div>{{item.name}}</div>
</div>

// 正确
<div v-if="list.length">
  <div v-for="item in list"> 
     <div>{{item.name}}</div> 
  </div>
</div>