模板技术
模板技术的诞生是为了将显示与数据分离,模板技术多种多样,但其本质是将模板文件和数据通过模板引擎生成最终的文件内容。
模板技术原理
模板技术并不是什么神秘技术,干的是拼接字符串的体力活。模板引擎就是利用正则表达式识别模板标识,并利用数据替换其中的标识符。
模板技术包含两个方面:
- 定义模板标识符
- 解析模板标识符
代码举例:
//字符串替换的思想
function tmpl(str, obj) { // 解析模板标识
if (typeof str === 'string') {
return str.replace(/<%=\s*([^%>]+)\s*%>/g, function() {
let key = arguments[1];
return