<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                >[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)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看