（1）首頁 - 圖示選擇
icons
區域開發
注意：這裡需要新增邏輯操作，當頁面載入時，遍歷icons，且對 icon 的個數進行動態計算，將結果 push 到乙個二維陣列中
（2）axios介面呼叫與
mock
資料模擬
（3）模擬呼叫介面資料---編寫
json
模擬資料
（4）vue-router跳轉
（5）vuex概念圖
將多個元件的公共資料儲存到乙個倉庫，當改動時，其他元件也隨之改動，方便資料的狀態管理。
（6）vuex輔助函式
主要包含mapstate、
mapgetters
、mapactions
等，如果不喜歡在頁面上使用「
this.$stroe.state.count
」和「this.$store.dispatch('funname')
」這種很長的寫法，那麼可以使用
mapstate
、mapgetters
、mapactions
就不會這麼麻煩了；
（7）...mapactions對映
（8）...mapgetters對映
getters
（9）動態路由
（10）專案詳情頁+動態路由傳參
（11）header導航元件
+「漸隱漸顯」效果
（12）專案詳情頁--顯隱動畫公用元件
（13）元件name屬性作用
（14）
前端工程化
為什麼出現了前端工程化？09年之前，我們學習的css，div，js只是對頁面設計進行乙個打輔助的功能，當時只能勉強的成為頁面設計師，為什麼會出現前端工程師 1.突然間前端的需求逐漸增多，使用者對介面的要求越來越高，前端範疇越來越大。2.前後端總是保持一致才能進行開發，不能分開開發，提出前端工程化，也...
前端工程化
一 什麼是前端工程化 根據業務特點，將前端開發流程規範化 標準化 包括開發流程 技術選型，規範，構建發布等用於提公升前端工程師開發效率和 質量，提高產品的質量。實現前端工程化的目的 就是通過流程規範 自動化工具來提公升前端的開發效率 效能 質量 多人協作能力以及開發體驗。前端工程化體系分為 元件化 ...
前端工程化
老大考慮到團隊成員學習的曲線，最終選擇thunk 為了更方便團隊人員使用，封裝直接的thunk，和cobinereducer 1 專案分為四大塊，服務治理，資源治理，診斷除錯，分析管理 幾十個元件，不可能將所有的狀態解除安裝乙個reducer裡面來管理 不利於維護 然後因為封裝了元件thunk所以要...