实现一个简单的模板引擎,输入模板和数据,输出html

示例:
输入:

"<div>{{$1}}({{$2}}){{$3}}</div>",["第一个","第二个","第三个"]

输出:

"<div>第一个(第二个)第三个</div>"
function tpl(templateStr, arr) {const reg = /\{\{([^}]*)\}\}/g;const string = templateStr.trim().replace(reg, function (match,s) {//console.log(s==match.substring(2,4));if (s == match.substring(2,4)) {//console.log(s);let i = Number.parseInt(match.substring(3,4));//console.log(i);return arr[i-1]}else {return ''}})console.log(string)
}

实现一个简单的模板引擎,输入模板和数据,输出html相关推荐

  1. python可视化界面编程 pycharm_pycharm开发一个简单界面和通用mvc模板(操作方法图解)...

    文章首先使用pycharm的 PyQt5 Designer 做一个简单的界面,然后引入所谓的"mvc框架". 一.设计登录界面 下面开始第一个话题,使用pycharm的 PyQt5 ...

  2. Django 模板引擎以及模板

    2019独角兽企业重金招聘Python工程师标准>>> 在Django框架中,可以使用两种模板引擎,一种是默认的Django模板引擎,还有一种是Jinja2模板引擎: 1.模版引擎的 ...

  3. 利用模板引擎配合ajax进行数据的导入

    1. 必须要安装环境才能查看,比如Appserv.利用模板引擎配合ajax进行数据的导入. 2. 在本人的github上有完整的代码,本人的github地址:https://github.com/hu ...

  4. 笨办法学C 练习43:一个简单的统计引擎

    练习43:一个简单的统计引擎 原文:Exercise 43: A Simple Statistics Engine 译者:飞龙 这是一个简单的算法,我将其用于"联机"(不储存任何样 ...

  5. html模板引擎 字符串长度,Web前端模板引擎の字符串模板

    这是一个系列文章,将会介绍目前Web前端领域里用到的三种模板引擎技术,它们分别是: 基于字符串的模板 基于Dom操作的模板 基于虚拟Dom的模板 本文是这个系列的第一篇,着重介绍基于字符串的模板引擎的 ...

  6. ASP 模板引擎,ASP 模板类 (Taihom.Template.class)

    ASP 模板引擎 如想获取最新的这个类,可以写邮件给我 '//ASP 模板引擎 (Taihom.Template.class v2.0) '//Code By Taihom '//Taihom 原创 ...

  7. php开发自己的模板引擎,如何用PHP来编写自己的模板引擎 - PHP|模板引擎 - 软件工程|架构设计|网站设计|艺术营销 - 河洛炎黄 - 魏文侯...

    本文的目的不是为了让大家学会如何编写一个完善的模板引擎,只是为了给PHP初学入门者解释模板引擎的原理和作用. PHP模板引擎的作用是为了让表现层逻辑和页面本身分开,让程序员和美工的工作可以相对独立,并 ...

  8. 前端模板引擎(jQuery模板)jsrender的基本教程

    转载:原文链接:https://www.jianshu.com/p/3151d2256410 jsrender官网号称简单直观.强大轻快可扩展.压缩体积也只有8.9kb,可以单独在浏览器或node中使 ...

  9. php smarty 原理,php模板原理PHP模板引擎smarty模板原理浅谈

    mvc是开发中的一个伟大的思想,使得开发代码有了更加清晰的层次,让代码分为了三层各施其职.无论是对代码的编写以及后期的阅读和维护,都提供了很大的便利. 我们在php开发中,视图层view是不允许有ph ...

  10. 老板要我开发一个简单的工作流引擎

    点击上方蓝色"方志朋",选择"设为星标"回复"666"获取独家整理的学习资料! 第1关 一天,老板找到我,说要做个简单的工作流引擎. 我查了 ...

最新文章

  1. ThinkPHP项目笔记之登录,注册,安全退出篇
  2. K8S滚动更新示例演示
  3. 飞鸽传书2014怎么用?
  4. 数据驱动创新 融合引领变革 2017中国工业大数据大会·钱塘峰会今日在杭州国际博览中心顺利举行...
  5. 面向对面 静态参数 与 组合
  6. 华为OJ 初级:等差数列
  7. C# Xamarin移动开发基础进修篇
  8. 计算机应用研究 增刊,计算机应用研究增刊是核心吗_计算机研究应用_计算机应用...
  9. c语言中puts的作用,c语言中puts的用法
  10. “体验版”PyTorch 2.0备受瞩目,它到底好在哪里?
  11. 民办二本计算机专业学生出路何在?
  12. 【怎么制作电子画册】云展网教程 | 如何设置默认模版
  13. 【51单片机】(手把手教你)串口通信-基础篇
  14. 旋转矩阵转欧拉角(二自由度约束)
  15. 机器视觉中的光源选型
  16. Java性能监控和故障诊断可视化工具之jmc
  17. python--mysql--驱动简介和使用
  18. pycharm远程连接服务器问题Uploading PyCharm helpers Python Interpreter... Python helpers are not copied yet
  19. Data Augment ------TensorFlow 训练图片处理
  20. Facebook Instant Game 捆绑包配置方法

热门文章

  1. centos安装 crf 和 kenlm
  2. Codeup墓地-问题 D: 最短路径
  3. 简洁!get请求和post请求的区别——Web网络系列学习笔记
  4. 为什么HashMap要树化呢?
  5. android平板2018,荣耀平板5和ipad2018哪个值得买 荣耀平板5和ipad2018哪个好
  6. linux驱动导出文件属性,将Linux配置文件和设置备份到USB闪存驱动器的方法
  7. 传统公司部署OpenStack(t版)简易介绍(六)——neutron模块部署
  8. 合并两个无序数组java_88. 合并两个有序数组
  9. 如何删除第一张单页_如何用PowerBI导入网页数据
  10. OSI模型 TCP/IP模型 数据包结构