# 模板技术 模板技术的诞生是为了将显示与数据分离，模板技术多种多样，但其本质是将模板文件和数据通过模板引擎生成最终的文件内容。  # 模板技术原理 模板技术并不是什么神秘技术，干的是拼接字符串的体力活。模板引擎就是利用正则表达式识别模板标识，并利用数据替换其中的标识符。模板技术包含两个方面： * 定义模板标识符 * 解析模板标识符 ~~~ //字符串替换的思想 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（淘宝）。