在这里记录一下怎么写出比较好的代码

一、好代码

什么是好代码？我目前能想到的

  1. 可读性好，让别人也能看懂
    • 写代码的时候语义化一些，还可以适当加一些注释
  2. 可维护性好，当有需求变更，很快在原有代码上更改
    • 不要把属性都写死，在可修改方面多思考，往上靠
  3. 可移植性好，当有新需求并且之前做过类似的，可以在源代码抄过来修改即用
    • 这是可维护性更高一层的抽象，写代码时在可移植性上多思考，往上靠

二、小规则

写元素宽高时

  1. 如果这个 div 用于布局，那尽量不写死宽高，如果写，宽度最好用 max-width，高度最好用 min-height
    • 布局我一般用 div 往里面撑，并根据实际情况适当地是把里面元素使用 margin 往外撑
  2. 如果这个 div 包裹着不确定的文本，一般把宽度写死，高度不写用里面内容撑
    • 比如一个提示框，里面的文本内容随时能改
  3. 如果这个 div 包裹的「小单元」的「固定内容」，宽度，高度都写死，问题不大
    • 比如一个按钮，一个图标

写 HTML 和 CSS 分离的代码

  1. 尽量使用外联样式表，不要与内联样式混用
    • 一般使用外联样式表能解决 99% 的需求，迫不得已使用内联样式，最后迫不得已使用杀手锏 !important

写 CSS 和 JavaScript 分离的代码

  1. 尽可能使用增减 class 的方式切换 HTML 样式，少用 JavaScript 直接控制样式
  2. 增减 class 的方式不满足需求时，再用 JavaScript 直接控制样式


「@浪里淘沙的小法师」