一、簡(jiǎn)介
什么是模板引擎？
模板引擎是將數(shù)據(jù)變?yōu)橐晥D最優(yōu)雅的解決方法。
案例
二、歷史發(fā)展
歷史上曾經(jīng)出現(xiàn)過(guò)的其它數(shù)據(jù)變視圖的方法
- 純 DOM 法
- 數(shù)組 join
- Es6的反引號(hào)法 （`${a}`）
- 模板引擎法
1. 純 DOM 法
純 DOM 法
2. 數(shù)組 join
數(shù)組 join
3. Es6的反引號(hào)法
Es6的反引號(hào)法
4. 模板引擎法 mustache
Mustache是一種無(wú)邏輯的模板語(yǔ)法。它可以用于 HTML、配置文件、源代碼——任何東西。它通過(guò)使用散列或?qū)ο笾刑峁┑闹禂U(kuò)展模板中的標(biāo)簽來(lái)工作。
我們稱(chēng)其為“無(wú)邏輯”，因?yàn)闆](méi)有 if 語(yǔ)句、else 子句或 for 循環(huán)。相反，只有標(biāo)簽。一些標(biāo)簽被替換為一個(gè)值，一些什么都沒(méi)有，而另一些則是一系列值。
三、mustache基本使用
1.循環(huán)對(duì)象數(shù)組
循環(huán)對(duì)象數(shù)組
2. 循環(huán)簡(jiǎn)單數(shù)組
循環(huán)簡(jiǎn)單數(shù)組
3.不循環(huán)
不循環(huán)
4.循環(huán)嵌套
循環(huán)嵌套
5.布爾值
布爾值
