前端开发种踩过的坑

今天聊聊在新公司一个多月来前端所踩的坑

规范

在公司里面，踩坑最多莫过于变量名命名、文件名命名、函数名命名、标签名命名

1. 常量统一下划线加大写
2. 变量统一驼峰严禁下划线，vue文件的name除了驼峰外首字母还得大写
3. 不能使用魔术数字除了1，0，-1
4. 文件名使用功能模块+下划线+具体功能细节，而且每个功能基本拥有一个common文件，用于存储该业务代码复用的组件和工具。对应地，最大的功能模块也有一个common文件，汇集所有子功能模块的公共组件，一般不随意更改。
5. css禁止使用scoped和module。由于会增加一些无意义的，而且会无限覆盖的无用属性。所以使用BEM命名规范。
6. 函数如果是获取数据统一用fetchDate，加载数据统一用loadData。问为什么要分开两个函数实现一个功能，因为如果要做一个计时器，那么可以直接使用loadData，而开发业务代码一般在fetchData里面使用遮罩。
7. 标签名统一使用横杆区分。eg：vpnTopo的组件，在模板中使用<vpn-topo></vpn-topo>,如果标签内部不包含任何东西则使用单标签<vpn-topo/>
8. 每个函数只做一件事情 ------理由：方便新人上手
9. css禁止使用mixin和extend -----理由：方便以后版本迭代和更新
10. 国际化的时候，不管是叹号！、问好？、分号；、冒号：等等统一使用中文，然后再用一个预定义好的处理函数_(’’) 进行文字解析
    11.在者就是版本控制的问题了。这里需要看另外一篇有关git的文章，里面的命令就是必须得掌握的基础git命令。