一个超级简单的HTML模板框架源代码以及使用示例

摘要:
HTML模板框架源代码varHtmlTemplate=(function(){functionHtmlTemplate(htmlSource){this.htmlSource=htmlSource;}HtmlTemplate.prototype.toHTML=function(params){varreg=HtmlTemplate.REG_FILTER_PARAM;varm=this.htmlSo

HTML模板框架源代码

var HtmlTemplate = (function() {
    functionHtmlTemplate(htmlSource) {
        this.htmlSource =htmlSource;
    }
    HtmlTemplate.prototype.toHTML = function(params) {
        var reg =HtmlTemplate.REG_FILTER_PARAM;
        var m = this.htmlSource.replace(reg, function(d) {
            var p = d.replace(HtmlTemplate.REG_GET_PARAM, "");
            return params[p] ||d;
        });
        returnm;
    };
    HtmlTemplate.REG_FILTER_PARAM = /{{s*[w_]+s*}}/gm;
    HtmlTemplate.REG_GET_PARAM = /[s{}]+/g;
    returnHtmlTemplate;
})();

HTML模板框架使用Demo

var templateSource = "" +
    "<div>{{mm}}" +
    "   <ul>" +
    "       <li>dd{{ xx }}</li>" +
    "   </ul>" +
    "</div>";


var template = newHtmlTemplate(templateSource);

template.toHTML({
    mm: "1111111111111",
    xx: "2222222222222"})

Demo运行结果

一个超级简单的HTML模板框架源代码以及使用示例第1张

免责声明:文章转载自《一个超级简单的HTML模板框架源代码以及使用示例》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇zabbix 启用分区表后需要关闭Housekeeper拦截其它程序的网络数据封包下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

任务管理框架总体设计

前言   为了实现多系统之间任务(同步数据,发邮件,需要批量操作且耗时的后台功能)稳定运行,同时保证系统的可用时和灵活性。 解决方案  1>     问题提出 在实际业务中,经常遇到要定时或批量执行的任务( 多系统之间的数据交互,以及一些耗时功能的处理),为了便于开发和管理这些业务痛点,避免重复开发任务接口,以及对同步每个任务的执行情况有相关的记录信...

android 4.1源码下载方法最新实例教程

1、安装repo ,执行命令如下: $ curl https://dl-ssl.google.com/dl/googlesource/git-repo/repo > ~/bin/repo $ chmod +x ~/bin/repo 2、初始化 repo ,执行命令如下: $ repo init -u https://android.g...

.NET平台常用的框架整理

分布式缓存框架 Microsoft Velocity:微软自家分布式缓存服务框架。 Memcahed:一套分布式的高速缓存系统,目前被许多网站使用以提升网站的访问速度。 Redis:是一个高性能的KV数据库。它的出现很大程度补偿了Memcached在某些方面的不足。 EnyimMemcached:访问Memcached最优秀的.NET客户端,集成不错的分布...

怎么理解Laravel的核心架构

使用过larave框架的朋友都知道laravel框架里面除了提供一些基本的功能(如控制器、视图、模型)之外,还有中间件、门面、契约等,这些东西是如何在laravel框架运用起来的呢?今天就和大家详聊一下。 首先应该了解laravel框架的架构模式(设计核心,laravel 框架是使用服务组件化的开发模式开发的,laravel框架就是由不同的服务组件构成的...

值得推荐的C/C++框架和库 (真的很强大)

  值得学习的C语言开源项目 - 1. Webbench Webbench是一个在linux下使用的非常简单的网站压测工具。它使用fork()模拟多个客户端同时访问我们设定的URL,测试网站在压力下工作的性能,最多可以模拟3万个并发连接去测试网站的负载能力。Webbench使用C语言编写, 代码实在太简洁,源码加起来不到600行。 下载链接:http...

linux中apt-get使用

apt-get简介 在Ubuntu系统中,经常要用到apt-get install指令来安装软件,由于常常需要root权限来操作,所以搭配sudo食用口感更佳,apt-get指令对于安装、卸载、升级软件提供一条龙服务,对比于源码安装,实在是业界良心。 源码安装 源码安装的流程一般是三部曲: ./configure make make install...