前端代码规范

代码规范： HTML规范

语义化标签，如nav，main，footer

普通标签使用小写，外部引入的组件标签使用大写

属性使用双引号

css规范

class命名：单词全字母小写，用-分开

css常用命名

 头：header
 内容：content/container
 尾：footer
 导航：nav
 侧栏：sidebar
 栏目：column
 页面外围控制整体佈局宽度：wrapper
 左右中：left right center
 登录条：loginbar
 标志：logo
 广告：banner
 页面主体：main
 热点：hot
 新闻：news
 下载：download
 子导航：subnav
 菜单：menu
 子菜单：submenu
 搜索：search
 友情链接：friendlink
 页脚：footer
 版权：copyright
 滚动：scroll
 内容：content
 标签：tags
 文章列表：list
 提示信息：msg
 小技巧：tips
 栏目标题：title
 加入：joinus
 指南：guide
 服务：service
 注册：regsiter
 状态：status
 投票：vote
 合作伙伴：partner

js规范

类命名：大驼峰

函数变量命名：小驼峰

tab制表符两个空格

严格缩进

js换行不要用分号

不要把功能写在一个函数里面，组件化，模块化

接口请求异常处理try...catch

在必要的地方添加注释

单行注释：必须独占一行。// 后跟一个空格，缩进与下一行被注释说明的代码一致
多行注释：避免使用 /…/ 这样的多行注释。有多行注释内容时，使用多个单行注释
函数/方法注释：函数/方法注释必须包含函数说明，有参数和返回值时必须使用注释标识。参数和返回值注释必须包含类型信息和说明

类型的定义使用let，比较时使用前等于===

ts规范

class和interface使用大驼峰命名

不要出现any类型，对于any类型必须要使用类型定义，常见的数组，对象也要规定里面存放数据的类型

vue规范

当在组件中使用 data 属性的时候 (除了 new Vue 外的任何地方)，它的值必须是返回一个对象的函数 data() { return {…} }
prop 的定义应该尽量详细，至少需要指定其类型
不要在computed中对vue变量进行 *** 作
应该优先通过 prop 和事件进行父子组件之间的通信，而不是 this.$parent 或改变 prop
在组件上总是必须用 key 配合 v-for，以便维护内部组件及其子树的状态
v-if 和 v-for 不能同时使用
不要将任何第三方插件挂载到 vue 原型上
具有高度通用性的方法，要封装到 libs、全局组件或指令集里
尽量使用指令缩写