码迷,mamicode.com
首页 > 其他好文 > 详细

模板引擎原理

时间:2019-11-30 09:52:08      阅读:80      评论:0      收藏:0      [点我收藏+]

标签:color   replace   获取   font   nbsp   func   引擎   template   var   

1、通过 id 获取模板内容
2、使用 正则表达式检索字符串 替换模板中的内容
3、再次检索并替换,依次循环下次,当无正则检索相关内容时,返回 null
function my_template(id,data){
  var contentStr =document.querySelector(‘#‘+id).innerHTML;
  var reg = /{{(\w+)}}/;
  var result = reg.exec(contentStr);
  while (result) {
    contentStr = contentStr.replace(result[0],data[result[1]]);result = reg.exec(contentStr);
  }
  return contentStr;
}

 

 

模板引擎原理

标签:color   replace   获取   font   nbsp   func   引擎   template   var   

原文地址:https://www.cnblogs.com/huangyuanning/p/11961219.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!