一、代码优化的基本原则

  • 易读性优先
  • 如果不是性能瓶颈,就不要为了性能而改写代码
  • 复杂性守恒原则:无论你怎么写代码,复杂性都是不会消失的

二、优化思路

  • SCSS:将页面多次使用的颜色提取出来保存在变量,常用的代码块提取出来使用@include导入
  • 基础组件、共用样式、共用JS全局引入
  • 命名的词性
    • 普通变量/属性用「名词」
    • bool变量/属性用「形容词」或者「be动词」或者「情态动词」或者「hasX」
    • 普通函数/方法用「动词」开头
    • 回调、钩子函数用「介词」开头,或用「动词的现在完成时态」
    • 容易混淆的地方加前缀
  • 使用函数来改代码
    • 两处以上的相同的代码或功能封装
    • 一般一个函数超过5行会有进一步优化的空间
  • 表驱动编程
  • 抽象函数处理复杂逻辑,返回Boolean值
  • 用对象来组织代码,就比如vue里的js