縮排使用空格替代tab

admin發表於2019-01-05

編碼程式碼的時候,為了可讀性,總會對程式碼進行一些必要的縮排處理。

當然,如果比較任性,你可以不適用任何縮排,但是寫程式碼畢竟是一件非常痛苦的事情。

通過tab和空格都可以實現縮排,但是請務必使用空格替代tab。

原因總結如下:

(1).不同系統的編輯器可能會對tab解析不同。

(2).window下一個tab佔四個空格位置,但是在linux下佔據八個空格位置。

當然也可以自行設定tab所佔據的空格長度,但是為了保證在所有系統的統一,請使用空格進行縮排。

縮排程式碼演示如下:

[HTML] 純文字檢視 複製程式碼
<ul>
  <li>螞蟻部落一</li>
  <li>螞蟻部落二</li>
  <li>
    <a href="#">antzone</a>
  </li>
</ul>

上面是HTML程式碼的換行縮排演示。

[CSS] 純文字檢視 複製程式碼
.selected {
  background: #FF6500;
  color: #fff;
}

上面是css程式碼換行縮排演示。

[JavaScript] 純文字檢視 複製程式碼
(function(){
  var x = 10;
  
  function y(a, b) {
    return {
      result: (a + b) * x
    }
  
  }
}());

上面是JavaScript程式碼換行索引演示。

相關文章