模板引擎的简单原理template

var templateStr = "我的名字叫<%=name%>我是一只小狗,今年<%=age%>岁。";var data = {name:'旺财',age:'18'};/*会利用正则来匹配*///console.log(/<%=\s*([^%>]+\S)\s*%>/.exec(templateStr));var match = /<%=\s*([^%>]+\S)\s*%>/.exec(templateStr);console.log(match);//['<%=name%>',name,....]//match[1]--->name   match[0]----><%=name%>//data[match[1]]-->'旺财'//即将<%=name%> 用 '旺财' 进行替换templateStr = templateStr.replace(match[0],data[match[1]]);console.log(templateStr);match = /<%=\s*([^%>]+\S)\s*%>/.exec(templateStr);console.log(match);templateStr = templateStr.replace(match[0],data[match[1]]);console.log(templateStr);/*while循环实现将字符串中的所有内容替换掉掉*///匹配到<%=XX%>var match = /<%=\s*([^%>]+\S)\s*%>/.exec(templateStr);while(match){//match有值templateStr = templateStr.replace(match[0],data[match[1]]);//替换match = /<%=\s*([^%>]+\S)\s*%>/.exec(templateStr);//继续匹配<%=XX%>}console.log(templateStr);//原理!!
/*apply 改变函数的上下文当中的this的指向*/template.apply({name:'xgg'},['xgg','10']);/*也是一个方法也是一个函数*/var template = new Function('templateStr','data','var match = /<%=\s*([^%>]+\S)\s*%>/.exec(templateStr);while(match){templateStr = templateStr.replace(match[0],data[match[1]]);match = /<%=\s*([^%>]+\S)\s*%>/.exec(templateStr)}console.log(templateStr);');template(templateStr,data);var template = new Function('name','age','代码块');

转载于:https://www.cnblogs.com/itlyh/p/6045754.html

模板引擎的简单原理template相关推荐

Velocity模板引擎的简单使用
一简介 Velocity 是一个基于 Java 的模板引擎,它允许任何人仅仅简单的使用模板语言来引用由 Java 代码定义的对象,从而实现界面和 Java 代码的分离,使得界面设计人员可以和 Jav ...
前端进击笔记第十二节掌握前端框架模板引擎的实现原理
如今说起前端开发,基本上都离不开前端框架.随着前端技术不断迭代,前端框架相关的文档和社区日益完善,前端入门也越来越简单了.我们可以快速上手一些工具和框架,但常常会忽略其中的设计和原理. 对框架和工具的 ...
php模板引擎如何实现,php模板引擎技术简单实现
用了smarty,tp过后,也想了解了解其模板技术是怎么实现,于是写一个简单的模板类,大致就是读取模板文件->替换模板文件的内容->保存或者静态化 tpl.class.php主要解析 as ...
前端开发--art-template模板引擎及实现原理
#博学谷IT学习技术支持# 目录简介安装使用步骤编辑 art-template标准语法值输出原文输出条件输出循环输出过滤器模板引擎的实现原理 1.基本语法 2.分组 3.字符串的 ...
理解模板引擎Razor 的原理
Razor是ASP.NET MVC 3中新加入的技术,以作为ASPX引擎的一个新的替代项.简洁的语法与.NET Framework 结合,广泛应用于ASP.NET MVC 项目.Razor Pad是一 ...
php模板引擎jinja,django使用jinja2模板引擎报错: ‘django.template.backends.django.DjangoTemplates’...
TEMPLATES = [ { 'BACKEND': 'django.template.backends.jinja2.Jinja2', # 配置Jinja2模板引擎 'DIRS': [os.path ...
模板引擎jsrender简单使用
1.下载jsrender.js 2.简单使用页面上: <table><thead><tr><th >序号</th><th>评论 ...
Node.js 使用expresss，ejs模板引擎实现简单的登录注册
express下如何使用ejs模板引擎 : 1-安装ejs 2-express下不需要导入ejs 只需要配置模板引擎 app.set("view engine","ej ...
模板引擎ejs简单介绍
模板引擎: 将数据与标签分离开来,这样就不需要前面写的学生管理系统那样,在页面显示信息通过字符串的拼接的方式,而是直接用ejs模板引擎,将服务器端传过来的数据在页面直接显示出来,不会那样的麻烦了. e ...

模板引擎的简单原理template

模板引擎的简单原理template相关推荐

最新文章

热门文章