实现一个简单的模板引擎,输入模板和数据,输出html
实现一个简单的模板引擎,输入模板和数据,输出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相关推荐
- python可视化界面编程 pycharm_pycharm开发一个简单界面和通用mvc模板(操作方法图解)...
文章首先使用pycharm的 PyQt5 Designer 做一个简单的界面,然后引入所谓的"mvc框架". 一.设计登录界面 下面开始第一个话题,使用pycharm的 PyQt5 ...
- Django 模板引擎以及模板
2019独角兽企业重金招聘Python工程师标准>>> 在Django框架中,可以使用两种模板引擎,一种是默认的Django模板引擎,还有一种是Jinja2模板引擎: 1.模版引擎的 ...
- 利用模板引擎配合ajax进行数据的导入
1. 必须要安装环境才能查看,比如Appserv.利用模板引擎配合ajax进行数据的导入. 2. 在本人的github上有完整的代码,本人的github地址:https://github.com/hu ...
- 笨办法学C 练习43:一个简单的统计引擎
练习43:一个简单的统计引擎 原文:Exercise 43: A Simple Statistics Engine 译者:飞龙 这是一个简单的算法,我将其用于"联机"(不储存任何样 ...
- html模板引擎 字符串长度,Web前端模板引擎の字符串模板
这是一个系列文章,将会介绍目前Web前端领域里用到的三种模板引擎技术,它们分别是: 基于字符串的模板 基于Dom操作的模板 基于虚拟Dom的模板 本文是这个系列的第一篇,着重介绍基于字符串的模板引擎的 ...
- ASP 模板引擎,ASP 模板类 (Taihom.Template.class)
ASP 模板引擎 如想获取最新的这个类,可以写邮件给我 '//ASP 模板引擎 (Taihom.Template.class v2.0) '//Code By Taihom '//Taihom 原创 ...
- php开发自己的模板引擎,如何用PHP来编写自己的模板引擎 - PHP|模板引擎 - 软件工程|架构设计|网站设计|艺术营销 - 河洛炎黄 - 魏文侯...
本文的目的不是为了让大家学会如何编写一个完善的模板引擎,只是为了给PHP初学入门者解释模板引擎的原理和作用. PHP模板引擎的作用是为了让表现层逻辑和页面本身分开,让程序员和美工的工作可以相对独立,并 ...
- 前端模板引擎(jQuery模板)jsrender的基本教程
转载:原文链接:https://www.jianshu.com/p/3151d2256410 jsrender官网号称简单直观.强大轻快可扩展.压缩体积也只有8.9kb,可以单独在浏览器或node中使 ...
- php smarty 原理,php模板原理PHP模板引擎smarty模板原理浅谈
mvc是开发中的一个伟大的思想,使得开发代码有了更加清晰的层次,让代码分为了三层各施其职.无论是对代码的编写以及后期的阅读和维护,都提供了很大的便利. 我们在php开发中,视图层view是不允许有ph ...
- 老板要我开发一个简单的工作流引擎
点击上方蓝色"方志朋",选择"设为星标"回复"666"获取独家整理的学习资料! 第1关 一天,老板找到我,说要做个简单的工作流引擎. 我查了 ...
最新文章
- ThinkPHP项目笔记之登录,注册,安全退出篇
- K8S滚动更新示例演示
- 飞鸽传书2014怎么用?
- 数据驱动创新 融合引领变革 2017中国工业大数据大会·钱塘峰会今日在杭州国际博览中心顺利举行...
- 面向对面 静态参数 与 组合
- 华为OJ 初级:等差数列
- C# Xamarin移动开发基础进修篇
- 计算机应用研究 增刊,计算机应用研究增刊是核心吗_计算机研究应用_计算机应用...
- c语言中puts的作用,c语言中puts的用法
- “体验版”PyTorch 2.0备受瞩目,它到底好在哪里?
- 民办二本计算机专业学生出路何在?
- 【怎么制作电子画册】云展网教程 | 如何设置默认模版
- 【51单片机】(手把手教你)串口通信-基础篇
- 旋转矩阵转欧拉角(二自由度约束)
- 机器视觉中的光源选型
- Java性能监控和故障诊断可视化工具之jmc
- python--mysql--驱动简介和使用
- pycharm远程连接服务器问题Uploading PyCharm helpers Python Interpreter... Python helpers are not copied yet
- Data Augment ------TensorFlow 训练图片处理
- Facebook Instant Game 捆绑包配置方法
热门文章
- centos安装 crf 和 kenlm
- Codeup墓地-问题 D: 最短路径
- 简洁!get请求和post请求的区别——Web网络系列学习笔记
- 为什么HashMap要树化呢?
- android平板2018,荣耀平板5和ipad2018哪个值得买 荣耀平板5和ipad2018哪个好
- linux驱动导出文件属性,将Linux配置文件和设置备份到USB闪存驱动器的方法
- 传统公司部署OpenStack(t版)简易介绍(六)——neutron模块部署
- 合并两个无序数组java_88. 合并两个有序数组
- 如何删除第一张单页_如何用PowerBI导入网页数据
- OSI模型 TCP/IP模型 数据包结构