1. 函数块不要太长，太长影响浏览，一个函数做一件事
2. 防止冗余代码和反复代码
3. 一个文件做一件事， 全部文件代码不能太长，保持在300~500行之内
4. 不要提交直接实行的console.log信息，影响它人调试
5. 不要提交没用的解释代码，影响浏览和开辟，假如要检察能够举行版本汗青

我的代码范例准绳

• 影响浏览的代码，那就是不好代码
• 许多很类似的代码，那一定是反复冗余了

以下是最近在某代码堆栈js中发明不范例的代码，固然另有css范例了，有兴致的能够本身上网搜刮

代码范例和不范例举例

函数块不要太长，太长影响浏览，一个函数做一件事

• 太长的函数块:发起函数块以编辑器的一屏为准，险些不必滚动条能够看完全部函数
• 能够看到这里的函数每行30行至更多。翻开后必需滚动条才看清楚这个函数

• 改进后的函数块
• 一个函数均匀10-20行之间

防止冗余代码和反复代码

• 冗余代码示例
• 假如你发明了许多处所代码很类似，那肯定是代码反复冗余了

• 改进后冗余代码示例
• 发明反复和冗余的规律，统一用函数封装起来

一个文件做一件事， 全部文件代码不能太长，保持在300~500行之内

• 文件代码构造分别
• 一个method能够拆分成文件夹，经由过程index进口导入
• 一个文件做一件事，能够看到一个文件才不到200行
• 另有文件递次题目，比方vue钩子函数，发起不必把created写在末了

• 文件夹构造
• 大众的css提出来
• 大众的要领用mixin提出来

不要提交直接实行的console.log信息，影响它人调试

• 实时运转的log信息
• 写代码的时刻能够用，提交只管不要提交console.*信息

• 芜杂的log控制台

不要提交没用的解释代码，影响浏览和开辟，假如要检察能够举行版本汗青

• 不要提交解释代码可在版本汗青检察

• 版本汗青

一同勤奋吧

—
作者：刘伟波

链接：http://www.liuweibo.cn/p/252

泉源：刘伟波博客

本文原创版权属于刘伟波 ，转载请说明出处，谢谢合作