如何爲Twitter Bootstrap項目進行代碼審查？

Question

我正在創建一個計劃，在設計團隊中爲引導項目進行代碼審查，以減少缺陷並提高質量。
我已經爲代碼審查清單起草了一些問題，我在下面粘貼它。
此檢查列表中還可以包含哪些問題或指出檢查開發人員的代碼以確保代碼的質量？

1. bootstrap.css是不是修改？
2. 選的插件，意義和要求
3. 顯示多模態提示，避免
4. 放置模式的HTML之前或之後
5. 其次引導的命名約定？
6. 最新版本的bootstrap被使用了？
7. 將容器流體類用於全寬度行而不是全寬度行？
8. 您是否根據引導CSS使用正確的媒體查詢斷點？
9. Bootstrap網格用於使設計響應？

這些清單問題尚未完成，需要您的指導和幫助完成全面的代碼審查。

Answer 1

1. Bootstrap設計爲移動第一種方法，因此您應該始終檢查是否遵循移動第一種方法。
2. Bootstrap是一個龐大的庫，因此您應該檢查是否所有組件都已正確使用。例如。有像accordion, panels, carousel這樣的許多組件可以使您的設計更加緊湊和美觀。
3. 檢查是否所有的列都包含在<div class="row"></div>之內，因爲這是使用引導程序的正確方法。
4. 檢查引導程序cdns是否在頁面中使用了兩次。原因，如果使用包括bootstrap cdns兩次在一個pge，將干擾某些元素的正常運作。

以下應該是引導cdns的順序 -

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
     <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

這些都是在做審查，你應該檢查一些基本的東西。

編輯

出於性能

結帳這個答案https://webmasters.stackexchange.com/questions/52502/how-can-i-speed-up-the-download-time-of-a-bootstrap-themed-website

文檔

The Official website

許多其他文檔可在線獲得。 check out this

編碼標準

現在對我來說這是根據需要一個相對的概念和變化。

注意

剛剛從我個人的角度觀看一個建議，不要太死板關於在審查的規則。如果一段代碼看起來很明顯，但優雅地解決了一個問題，我會接受。

希望這會有所幫助！