開發注意事項

1、編碼方面：

1.ui層面的東西，儘可能像素級復現設計稿，作完以後在IE,firefox,chrome中預覽一遍，確認沒有問題。

2.拿到設計稿以前，對業務需求要有所瞭解，拿到設計稿以後進行推演，檢查交互是否有誤，若是有誤再三確認以後再開始作。

• 在設計稿中抽出通用部分，在ui編寫時造成組件
• 注意中心軸垂直居中
• 注意多行省略的問題
• 注意css代碼複用問題，顏色，字號
• 注意滾動條問題

3.組件書寫方式，若是輸入的數據能保持一致，則組件裏面處理數據邏輯，若是數據不能保持一致則只在組件裏作顯示數據的處理，其餘數據邏輯處理放在組件入口到處理。組件應儘量簡單，靈活，耦合度低。

4.注意數據狀態的交互處理（無數據，有數據，有更多數據，沒有更多數據，加載數據過程）

5.若是是通用代碼，儘可能寫成通用的。

7.能夠規範爲組件的內容

• 按鈕（有圖標，無圖標，垂直居中，左右居中）
• 表單（橫向排版，豎向排版）

二，性能優化方面

1.圖片壓縮

2.css壓縮，js壓縮

3.http中no-store,no-cache， 強緩存，弱緩存

4.靜態資源文件的版本號

5.圖片使用svg，字體圖標

6.數據請求儘量少

3、新東西

css4

垂直居中：

• padding
• line-height
• display:table-cell
• flex-box
• position:absolute; transform: translateY(-50%)
• js 處理

 4、seo

• 語義化標籤的使用
• b標籤，h1標籤