前端工程化學習

• 第一階段
  庫/框架的選擇
• 第二階段
  簡單構建優化：選擇一個構建工具，對代碼進行壓縮，校驗，而後再以頁面爲單位進行資源的合併
• 第三階段
  JS/CSS模塊化開發（分而治之）
  提升效率
  css模塊化：sass、less等預處理器
• 第四階段
  面對大規模、大致量、高性能
  組件化開發：

1. 頁面上的每一個 獨立的 可視/可交互區域視爲一個組件；
2. 每一個組件對應一個工程目錄，組件所需的各類資源都在這個目錄下就近維護；
3. 因爲組件具備獨立性，所以組件與組件之間能夠 自由組合；
4. 頁面只不過是組件的容器，負責組合組件造成功能完整的界面；
5. 當不須要某個組件，或者想要替換組件時，能夠整個目錄刪除/替換。
   資源管理

學習資源美文：https://github.com/fouber/blog/issues/10