前後端模板

2021-07-24 04:03:21 字數 989 閱讀 2329

vue.js  angular.js 等mvvm前端框架自帶的模板輸出模組
以vue.js為例,通過具有特殊字首的html 屬性來實現資料繫結,或者使用常見的花括號模板插值,或是在表單元素上使用雙向繫結,資料的變化自動對映為檢視的更新

v-text="msg">

span>

}span>

v-model="msg">

在模板的編譯過程中,vue.js會為每一處需要動態更新的dom節點建立乙個指令物件。每當乙個指令物件觀測的資料變化時,它便會對所繫結的目標節點執行相應的dom操作。

//原生物件即資料

var data=;

//建立乙個viewmodel例項

var vm=new vue()渲染結果:

hello!

div>

vue.js採用基於依賴收集的觀測機制:

1. 將原生的資料改造成 「可觀察物件」。將原生資料物件的屬性改造為getter和setter,在這兩個函式內部實現依賴的收集和觸發,乙個可觀察物件可以被取值,也可以被賦值。

2. 在watcher的求值過程中,每乙個被取值的可觀察物件都會將當前的watcher註冊為自己的乙個訂閱者,並成為當前watcher的乙個依賴。

3. 當乙個被依賴的可觀察物件被賦值時,它會通知所有訂閱自己的watcher重新求值,並觸發相應的更新。

後端渲染,瀏覽器接收到的是呈現給使用者的最終的頁面。

後端模板是靠佔位、替換拼裝頁面內容,大都是完整的html內容,而前端模板一般只是區域性的片段,並且是靠dom插入內容

字尾名的修改:

use

view;//頂部新增

view::addextension('html','blade');//在boot()方法裡增加

模板繼承

關於前後端分離與模板引擎

隨著不同終端 pad mobile pc 的興起,對開發人員的要求越來越高,純瀏覽器端的響應式已經不能滿足使用者體驗的高要求,往往需要針對不同的終端開發定製的版本,為了提公升開發效率,前後端分離的需要越來越被重視,後端負責業務 資料介面,前端負責展現 互動邏輯,同乙份資料介面,可用於多個終端。傳統的...

前後端 13 前後端小試牛刀

餘生還長,你別慌。別回頭,別糾纏,別念舊。準備工作 對nginx檔案下的nginx.conf進行配置 將檔案拖進vscode中 找到nginx.conf檔案中 server 部分,對其進行修改。server error page 404 404.html redirect server error ...

前後端分離

關於前後端分離的一些好的文章推薦 前端框架 為什麼前後端分離 最直白的理解,我認為是因為在開發過程中,前端總是需要等待後端的環境搭建好之後,前端才能獲取相關資料,對於前端的開發影響很大,事實上前端並不關心後端的開發,那麼有沒有方法不讓後端影響前端的開發呢?其實後端提供的是什麼?乙個執行伺服器,乙個就...