# 模板技術 模板技術的誕生是為了將顯示與數據分離，模板技術多種多樣，但其本質是將模板文件和數據通過模板引擎生成最終的文件內容。  # 模板技術原理 模板技術并不是什么神秘技術，干的是拼接字符串的體力活。模板引擎就是利用正則表達式識別模板標識，并利用數據替換其中的標識符。模板技術包含兩個方面： * 定義模板標識符 * 解析模板標識符 ~~~ //字符串替換的思想 function tmpl(str, obj) { ? ? ? // 解析模板標識 ? ?if (typeof str === 'string') { ? ? ? ?return str.replace(/<%=\s*([^%>]+)\s*%>/g, function() { ? ? ? ? ? ?let key = arguments[1]; ? ? ? ? ? ?return obj[key]; ? ? ? }); ? } } ? let str = "Hello, <%= name%>"; ?// 模板內容 let obj = {name: "樹先生"}; ? ? // 模板數據 console.log(tmp(str, obj)) ~~~ # 常用模板技術 模板技術：Pug、Mustache、[EJS](https://www.ejs.co/)、Handlebars，國內的有 baiduTemplate（百度）、[artTemplate](https://aui.github.io/art-template/)（騰訊）、juicer（淘寶）。