前端MVVM 模式有點很多,完全擺脫了意大利面條式的代碼。
個人認(rèn)為,所有MVVM 的框架基礎(chǔ)就是一個高性能的JS模板引擎,它極大簡化了 DOM 操作, 使頁面渲染和業(yè)務(wù)邏輯徹底分離.
為了理解模板引擎原理(zhaungbi),所以我折騰了一個簡化版的模板引擎.可以實現(xiàn)數(shù)據(jù)綁定,三元表達(dá)式, for 循環(huán)和 if 判斷.
如何實現(xiàn)三元表達(dá)式, for 循環(huán)和 if 判斷,將在下一篇介紹.

HTML 模板

下面是我定義好的html 模板字符串。

var template = `<div>
    <span>
    {{number}}
    </span></div>`;

這是我的數(shù)據(jù)

var scope ={    number:10}

好了,現(xiàn)在怎么把數(shù)據(jù)渲染到模板上面呢?

很自然的想到 正則表達(dá)式

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運,軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式