1、軟體架構與框架

軟體架構（architecture）

• 軟體架構就是把系統分解為一些部件，描述這些部件的職責以及它們之間的協作行為，是有關整體結構與元件的抽象描述，用於指導大型軟體系統各個方面的設計。
• 軟體架構決策涉及到軟體系統核心（主體、基礎）結構的組成元素，以及這些核心組成元素之間的相互依賴、互動、協作等關係。
• 軟體架構並不僅僅關注軟體本身的結構和行為，還注重其他特性使用、功能性、效能、彈性、重用、可理解、經濟以及技術的限制和權衡等。
• 軟體架構對應的職業是架構師。架構師的主要任務是將軟體分割成不同的模組，並定義模組之間的介面。

框架（Framework）

• 框架是特定語言和技術的架構應用解決方案，通常指的是為了實現某個業界標準或者完成特定的基本任務的軟體元件規範。
• 框架與具體的軟體應用無關，但是提供並實現軟體架構和體系。
• 框架與具體語言和技術相關，是一種或多種架構的組合的實現，是繼承了你的程式碼和第三種解決方案的工具，讓程式設計師聚焦於業務邏輯程式碼而不是技術實現。
• 框架可以看做是一種特殊的軟體，是一個半成品。

聯絡與區別

框架不是構架（即軟體體系機構）。體系結構確定了系統整體結構、層次劃分，不同部分之間的協作等設計考慮。框架比架構更具體。更偏重於技術涉嫌。確定框架後，軟體體系結構也隨之確定，而對於同一軟體體系結構（比如Web開發中的MVC），可以通過多種框架來實現。

2、以你的專案為案例

繪製三層架構模型圖，細緻到分割槽

結合你程式的結構，從程式設計師角度說明三層架構給開發者帶來的便利

• 開發人員可以只關注整個結構中的其中某一層；
• 可以很容易的用新的實現來替換原有層次的實現；
• 可以降低層與層之間的依賴；
• 有利於標準化；
• 利於各層邏輯的複用。
• 擴充套件性強。不同層負責不同的層面
• 安全性高。使用者端只能通過邏輯層來訪問資料層，減少了入口點，把很多危險的系統功能都遮蔽了。
• 專案結構更清楚，分工更明確，有利於後期的維護和升級
  研究 VUE 與 Flux 狀態管理的異同

3、研究 VUE 與 Flux 狀態管理的異同

VUE

Vuex 是一個專為 Vue.js 應用程式開發的狀態管理模式。它採用集中式儲存管理應用的所有元件的狀態，並以相應的規則保證狀態以一種可預測的方式發生變化。

Flux

Flux 使 Views 查詢 Stores（而不是 Models），使用者互動觸發的 Actions 被提交到一個 Dispatcher 中。當 Actions 被派發後，Stores 將會隨之更新自己並且通知 Views 進行修改。這些 Store 當中的修改會進一步促使 Views 查詢新的資料。即在相對獨立的元件中，action -> state -> view 的單向資料流能得到保證。

異同

• Vue和Flux都是基於CQRS（命令和查詢職責分離）思想，更新和引用的資料流動時單向的，避免當一個Model被多個View引用時，一個Model被View改變時導致的混亂的波紋擴散式更新。
• flux不區分同步和非同步更改， 而Vuex區分， commit時同步更新, action是非同步更新。
• Vuex的更新是直接通過state例項，作為state方法來呼叫，而flux的action由view提交後，通過dispatch分發到store更新，然後再通知view更新。