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