前端代码书写规范

JS代码格式规范

       js文件, vue文件, 及jsx文件都遵循eslint规范, 而且在.eslintrc.js 对eslint进行一些配置, 我们遵循业界通用代码规范, 去除一些鸡肋的限制, 详情可见[eslint-rules](https://eslint.org/docs/rules/)

      注意: 我们本地开发时候, 会有eslint进行预检查, 如果有不符合规范的代码, 是不能进行开发的, 我们需统一代码风格, 有时候多一个空格少一个空格都会报错, 可以参考其他上线的案例, 也可以去[eslint-rules](https://eslint.org/docs/rules/)详细看看

vue规范

     [vue风格指南](https://cn.vuejs.org/v2/style-guide/)

文件名命名

推荐: 文件(文件夹)名单词间隔用“-”隔开，不要采用大小写（因为windows路径不识别大小写）

     例如：item-scroll.jsx、inner-top.vue、class-list/
有的项目喜欢组件大驼峰方式, 如果保证项目统一性, 可继续保留组首字母大写风格, 如: ItemScroll.js, InnerTop.vue, ClassList/
     有的项目是交接过来的, 里面什么命名都有, 那么新页面, 我们统一用 '-' 来命名, 不要一会儿驼峰, 一会全部大写, 一会中杆那么随意

方法变量名命名

    命名不能随意想咋写咋写, 是为了更好的方便阅读, 保证代码整洁性, 统一性

类: 大驼峰

function Tab () {
     
}
 
class Scroll () {
     
}

变量, 函数: 小驼峰
// 变量简单直接, 不要带有逻辑和动作的意味

let count = 10
let flag = false
// bad
let getFlag = true
 
 
// Boolean 类型推荐加个前缀 is
let isCreated = true
 
// 数据拉取推荐加个前缀 get
function getInfo () {
     
}
 
// 赋值等操作推荐加个前缀 set
const setInfo = function () {
 
}
 
//  如果是事件推荐前面加个on 或 handle
const onTabChange = function () {}
const handleScroll = function () {}

常量: 全部大写, 底杠隔开 ‘_’

const MAX_LIMIT = 10
const LIMIT = 10

什么时候用私有?

1 私有属性和方法的判断是什么? 为什么有的函数里, 有的就是私有命名, 有的就不是私有命名?
2 私有属性外部能否获取到?
这是一个应该详细讨论的问题, 私有这个概念是静态语言的概念,