模板引擎的简单原理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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/489640.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

八张图看懂上海人工智能产业发展现状

来源&#xff1a;中商产业研究院据《行动方案》提出&#xff1a;集聚优势创新资源&#xff0c;聚焦开展专项行动&#xff0c;到2021年&#xff0c;全力打响上海人工智能“一流创新生态”标志性品牌。此外&#xff0c;《行动方案》中还提出多项任务&#xff0c;大力推进上海市人…

- (BOOL)applicationShouldTerminateAfterLastWindowClosed:(NSApplication *)sender

目的是为了点击应用程序左上角的关闭按钮&#xff0c;应用程序消失。转载于:https://www.cnblogs.com/ITliufei/p/6045992.html

车牌号随机函数 php,模拟生成车牌号的程序.程序运行.生成十个随机的车牌子.......

package demo;import java.util.ArrayList;import java.util.Random;//举例: 京C.85100 / 津K.45H88//* 要求:1.车牌子为京字或津字开头,后面字母为 C E F H J K中随机.//* 2.号码为五位.数字和大写字母随机.(数字为0-9, 字母为A-G)//* 3.定义生成号码的方法…

软件版本号命名规范_软件发布版本介绍

一、 软件版本阶段介绍Alpha版: 此版本表示该软件在此阶段主要是以实现软件功能为主&#xff0c;通常只在软件开发者内部交流&#xff0c;一般而言&#xff0c;该版本软件的Bug较多&#xff0c;需要继续修改。Beta版: 该版本相对于α版已有了很大的改进&#xff0c;消除了严重的…

“情感计算”的蓬勃发展依赖于收集大量的行为和情感数据

Illustration: iStock/IEEE Spectrum来源&#xff1a; IEEE电气电子工程师学会这是一篇guest post。这里表达的观点只是作者的观点&#xff0c;并不代表IEEE Spectrum或IEEE的立场。技术在生理和心理上变得更加亲密&#xff0c;这就产生了对新技术的需求&#xff0c;这些新技术…

Java控制修改手机系统设置,安卓修改大师配置Java运行环境教程 教你快速使用

安卓修改大师是一款专业免费对任何APK安装包进行反编译的软件&#xff0c;但是运行软件之前首先需要配置电脑上的Java运行环境&#xff0c;否则无法运行。下面来说一下如何配置Java环境。类别&#xff1a;编程工具 大小&#xff1a;4.39M 语言&#xff1a;简体中文评分&am…

extJs项目实战

extjs是因为在公司用到一次,也是公司唯一一个extjs的项目,当时拿到这个需求的时候,我有点懵逼,这他妈的什么鬼,参加工作两年不到的纯小白,没办法,这是工作,必须要完成的.硬着头皮做吧,好在最后弄完了,整理一下文档,方便以后学习. /***服务说明模板store*/Ext.define(ProductApp…

取一定范围内随机小数 c_算伪随机概率中C值的快捷方法

目前计算伪随机概率C值的方法&#xff0c;一般是二分法。二分法是个非常讨厌的方法&#xff0c;因为虽然简单却麻烦&#xff0c;想算个稍微精确点的数&#xff0c;需要十分巨大的计算量。如果像高中时那样手动计算&#xff0c;真是要算到眼花。本文给出了一个十分简单快捷的方法…

AI实时特效,魔幻修图,Adobe Photoshop相机拯救PS菜鸟

图片来源&#xff1a;https://twitter.com/beckihagen/status/1191436317005008896/photo/3来源&#xff1a;机器学习研究会订阅号上传一张特效照片需要几步&#xff1f;常规来说需要三步&#xff1a;拍照→修图→发布。为了拯救手残党&#xff0c;Adobe 将 Photoshop 的部分功…

ajax传递json对象 php,ajax 和 php 相互传递 JSON对象(转载)

各位新年快乐,俺把俺写的东西拿出来秀秀,希望大家可以指点一下.原文出处:http://hi.baidu.com/tangtou/blog/item/603a24384674b120b8998f1f.html需要用到的文件有:ajax1.js 在本博客的另一篇文章里,点这里查看它json.js(请到网上下载 http://www.json.org/)json.class.php (请…

北斗卫星现在什么情况?这些数据不能不看

来源 | 微博林晓弈 (知名科学科普博主) 、太空精酿的空间站&#xff08;spacebrewer&#xff09;11月5日凌晨1时43分&#xff0c;在我国西昌卫星发射中心&#xff0c;北斗三号第3颗倾斜地球同步轨道&#xff08;IGSO-3&#xff09;卫星由长征三号乙运载火箭发射升空。至此&…

php调用文章标题,zblogphp标题格式的标签调用详细说明

天兴工作室之前写过好几篇跟首先&#xff0c;找到我们要修改的位置&#xff0c;标题一般在模板的header.php文件里面(如何找到這个文件请参考&#xff1a;zblogphp主题修改教程)。网页的标题一般是包含在“”里面的&#xff0c;zblogphp网页标题具体的标签如下&#xff1a;{$na…

ASP对XML的增、删、改、查

首先看一下xml文件 text.xmlencoding使用gb2312中文&#xff0c;如果要用英文则用utf-8 <?xml version"1.0" encoding"gb2312"?><root><row ID"2" COMPNAME"闪电儿" ADDR"河北省唐山市" 邮编"063000&…

下一代欺骗技术

来源&#xff1a;数据机器人 回想起当许多与会者听到“欺骗”一词时&#xff0c;蜜罐仍然是我想到的第一件事。的确&#xff0c;当欺骗技术在多年前首次出现时&#xff0c;蜜罐是描述欺骗工作方式的最类似技术&#xff0c;因为蜜罐试图欺骗攻击者与其进行交互。但是&#xff0c…

线程 协程 python_在Python 的线程中运行协程的方法

在一篇文章 理解Python异步编程的基本原理 这篇文章中&#xff0c;我们讲到&#xff0c;如果在异步代码里面又包含了一段非常耗时的同步代码&#xff0c;异步代码就会被卡住。那么有没有办法让同步代码与异步代码看起来也是同时运行的呢?方法就是使用事件循环的.run_in_execut…

php登录个性验证码,PHP七种不同的个性创意验证码例子

验证码图片html代码:第一个图像验证码类,其他6种验证码类请下载查看:class captcha{/**----------------------------------------------------------* 生成验证码----------------------------------------------------------* static* access public------------------------…

突发!ASML断供中芯国际

来源&#xff1a;芯榜据日经新闻6日报道&#xff0c;荷兰半导体设备供应商阿斯麦尔&#xff08;ASML&#xff09;供应极紫外光&#xff08;EUV&#xff09;光刻机给中芯国际的计划已经中止&#xff0c;多位ASML供应商关系人士指出&#xff0c;ASML是为了避免因供应最先进的设备…

字符串相似度匹配算法python_算法字符串相似度得分/哈希

有趣的问题。我在这一领域的经验有限&#xff0c;但由于Levenshtein距离满足三角形不等式&#xff0c;我认为必须有一种方法来计算到原点的某种绝对距离&#xff0c;以便在不与整个数据库中的所有条目进行直接比较的情况下找到彼此邻近的字符串。在第26页&#xff0c;他讨论了基…

马化腾:微信将被谁颠覆,领衔下一代互联网的终端居然是?

来源&#xff1a;梧桐会导语1&#xff64;10年一更替&#xff0c;互联网格局将如何演变&#xff1f;2&#xff64;第三代互联网谁主沉浮&#xff1f;3&#xff64;谁是下一个苹果&#xff0c;谁是下一个诺基亚&#xff1f;4&#xff64;全球科技巨头的下一步动作是什么&#xf…

PHP基础班初学感悟

不知不觉差不多一个月就过去了 刚到培训班那时候的心情&#xff0c;现在也还能有所感觉 作为今年6月份的毕业生&#xff0c;刚从大学的实习期出来&#xff0c;辞掉了上一份工作&#xff0c;本来是打算找一份更加与专业挂钩的工作做的 也许是90后对网络的情有独钟&#xff0c;亦…