>[success] # 說明 ~~~ 1.本章節的思路是根據目前公司項目總結一套思想，整套思想的推論如下： 1.1 傳統前端項目上我們會將傳遞給后臺的數據，或者后臺返回的數據 一一取出，在一一對應，即可以理解數據歸屬當前頁面，耦合度高 1.2 進一步為了減少工作量，發現整個前后臺聯動數據不出意外基本命名 是相同的，又出現了'vue' 中數據綁定，我們只需要將關聯的值賦予所 關聯的字段即可實現數據賦值 1.3 但由于前端技術不斷更新，為了可以更加靈活的讓我們的數據層和框架 負責的邏輯層進行分離，推導出'類來管理數據'，和驗證數據的思想，及構 成了數據和邏輯分離，當更換技術時只需要遷移邏輯層面 ~~~ >[danger] ##### 對上面三條的推論詳細講解 * 對1.1 的講解 ~~~ 1.當我們停留在'jq' 的時代時候，后臺給我們返回一個數據格式如下的接口 數據: {'name':wang,age:'24'} 2.我們在數據新增階段需要取出來個個對應'dom'節點的值,將數據統一格式 后放入我們要傳遞的接口中列如： const params= {'name':wang,age:'24'} $.post("test",params,function(result){ console.log(result) }); 3.當我們進行查詢的時候需要: const params= {} $.post("test",params,function(result){ params.name = result.name params.age = result.age }); 4.其實可以發現需要再做不停的數據分解重組合并，并且這個數據都充斥在 邏輯層 ~~~ * 對1.2 講解 ~~~ 1.當現在步入進三大框架的時代，通過數據綁定的形式在新增的時候我們在 不需要從'dom'中取得數據在賦值，只需要做一件事（'vue 為例'）在'data'中 聲明一個對象，對象中的字段去關聯我們'dom'上 2.當查詢獲取值的時候，也因為，后臺返回的字段基本和前端定義的字段是 一致的因此，可以寫一個方法讓字段一致的自動賦值即可 3.但這種還是將數據和邏輯放到了同一個層面中 ~~~ * 對于我們現階段采用1.3的思想做的案例將在后續章節詳細講解 >[danger] ##### 想可以使用1.3的思想你需要準備的 ~~~ 1.牢靠的es5類的思想 2.熟練了解es6中類的使用(可以看ES6--類概念章節) 3.es7裝飾器的使用 ~~~ >[danger] ##### 適配器模式和裝飾器模式 參考文章 [csdn--devotion987](https://blog.csdn.net/devotion987/article/details/78339513) [簡書--itclanCoder](https://www.jianshu.com/p/2607036721d8)