課後總結（2019-6-19）

課後總結（2019-6-19）

該節課主要講了 css/js 的規範，以及規範相關的一些歷程。

爲何要有規範？

• 跟性能無關
• 跟功能無關
• 跟結果無關

實際規範的主要意義：

• 提升團隊效率
• 減小團隊gap
• 保留最佳實踐

易讀

1. 易讀-空格

   多種類型字符混合的時候應當使用空格隔開

   /* 推薦 */
   .video {
     margin-top: 1em;
   }
   複製代碼

2. 易讀-習慣

   css固定順序 這是爲了保證更好的可讀性和可掃描重要。做爲最佳實踐，咱們應該遵循如下順序（應該按照下表的順序）：

   結構性屬性：

   display
   position, left, top, right etc.
   overflow, float, clear etc.
   margin, padding
   複製代碼

   表現性屬性：

   background, border etc.
   font, text
   複製代碼

3. 易讀-命名

   // 	變量 **小駝峯、區分單複數**
   myName = ''
   collegeas = ['', '']
   names = []
   
   // 對象/類 **大駝峯、單數**
   class DogHouse
   
   // 常量 ** 大寫 **
   TYPE_KEYWORD
   
   // 函數 **小駝峯、動詞開頭**
   creatUser()
   getUserInfo()
   deleteUser()
   
   // 布爾值 ** 小駝峯、「確定」意思、‘Is has can’ **
   hasUser
   canDelete
   IsCompeleted
   
   // 私有屬性 ** 小駝峯、下劃線開頭 **
   _getUserFromMysql
   
   複製代碼

精簡

例如：css中的 font, padding, margin, background，裏面的屬性能夠直接設置多個集合。

嚴謹

例子： TypeScript

什麼規範最好？最重要？

用什麼規範不重要，重要的是要有規範。保障團隊統一風格