前端开发规范

项目名称、文件名称

使用-分割单词，如：m-adic-blog

---

css样式

• 类名使用小写字母和-分割
• id、预处理变量、函数使用驼峰采用驼峰
• 避免与标签重名
• 公共样式放入common
• 避免less层级超过4级

---

JavaScript脚本

• 函数、变量等首字母大写之后驼峰，如：getHomeId
• 常量全大写，下划线_分割单词，且每个单词与语义完整，如：MAX_STOCK_COUNT
• 字符串尽量使用单引号包裹
• 用于不要使用undifined与数据进行比较，如：person==undifined，取而代之的是typeof person=='undifined'
• 条件和循环嵌套不能超过三层
• this命名使用self
• console.log会有很大的性能问题，谨慎使用

你可以给你的变量赋任何你喜欢的名字，但有一些限制。一般你应当坚持使用拉丁字符 (0-9,a-z,A-Z) 和下划线字符。

---

Vue框架

• 组件名两个单词以上，组件名使用-分割或者驼
• 只拥有单个活跃实例的组件以The前缀命名
• 生命周期components>props>data>computed>watch>filter>钩子>methods