前端开发规范 (命名规范)

Posted AKSYA

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端开发规范 (命名规范)相关的知识,希望对你有一定的参考价值。

我们在日常开发中,每个人代码风格都有很大不同,此时除了需要eslint规范(tslint已经被废弃,不应该在使用)之外,还需要进行一些日常约束,不然每个人风格都不同,那肯定是不能愉快得玩耍的

  1. 常量 (字符全大写,单词之间下划线分割)

const AK_SYA = 'akSya';const SMILE_SUNSHINE = 'smileSunshine';

    2.变量 (小驼峰的书写方式)

let akSya = 'akSya';

    3. 函数(以动词开头、小驼峰的书写形式)

public static getUserName();public doSignInAction();private * eatPiadina(num: number)

    4. 类(首字母大写,名词)

export class AuthHandler { //... }export class RequestParser { //... }class AccountModule //... }

    5. 文件  (全部小写、-分割、三段式用.)

// controllersaccount.controller.tsstaff.controller.ts
// toolsstring.tool.tsarray.tool.ts
// constantserror.constant.tsen.constant.ts
// multi-word filesrelationship-permission-checker.module.tsglobal-logging.module.ts


注意点:

1. 如果一个变量只赋值一次应该使用const定义

2. 在typescript中应该尽量少用any,如果不知道用啥应该使用unknow代替any

3. 尽量使用enum来表示0、1、2..  这样子显得语义更加清晰


PS:如果对你有所收获点击关注不迷路、谢谢

       下一篇: 如何使用openpose进行姿势检测 

以上是关于前端开发规范 (命名规范)的主要内容,如果未能解决你的问题,请参考以下文章

前端开发规范 (命名规范)

前端开发效率提高之代码规范篇

前端开发代码结构及性能优化大总结

团队开发前端VUE项目代码规范

前端开发规范

前端开发教程CSS规范 CSS 的命名和书写