`

doT js模板引擎 使用自定义函数进行渲染的两种方法

    博客分类:
  • js
阅读更多

doT模板是一款js渲染模板引擎,速度快,文件小,渲染效果良好而著称。

官网-Logo,点击进入:

doT.js

 

更多丰富js模板引擎,猛击:https://qiaolevip.github.io/frontend-template-engines/

 

doT模板Example:https://qiaolevip.github.io/frontend-template-engines/doT.html

 

解决方案1(原生js Fn):

// 定义js函数
var maskText = function(text) {
  return text.replace(/(^.).*/g, '$1XXX');
};

// 模板引擎渲染
<div class="line">{{=maskText(it.top10[i-1].username)}}</div>

 

 

解决方案2(模板js Fn):

// 模板里面定义函数
{{##def.maskText = function() {return '我在这里'}#}}

// 模板里面使用函数
{{#def.maskText()}}

 

更多模板传参函数调用:

// 自定义函数
{{##def.testFunctionWithParam = function(str) {
		return "My name is: " + str;
	}
#}}

// 使用自定义函数一
{{##def.mytestparam: {{=it.name}} #}}
{{#def.testFunctionWithParam(def.mytestparam)}}

// 使用自定义函数二
{{#def.testFunctionWithParam("\{\{=it.name\}\}")}}

// 自定义函数
{{##def.testParamDef:myparam:
My name is: {{=myparam}}
#}}

{{#def.testParamDef:it.name}}

 



有疑问或技术交流,扫描公众号一起讨论学习。

更多React在线学习访问:http://each.sinaapp.com/react/index.html


更多实例应用扫码体验:

分享到:
评论

相关推荐

    Ajax天气预报案例(使用模板引擎渲染).zip

    在本案例中,我们主要探讨的是如何利用Ajax技术在网页中实现动态天气预报查询,并结合模板引擎进行数据渲染。这个项目以"Ajax天气预报案例(使用模板引擎渲染).zip"为标题,提供了从基础到实践的教程,适用于初学者...

    JavaScript模板引擎doT.js.zip

    doT.js 包含为浏览器和Node.js 准备的 JavaScript 模板引擎。 标签:doTjs

    几款前端模板引擎合集.zip

    doT.js是一款高效且简洁的JavaScript模板引擎,它支持Node.js和浏览器环境。doT的特点在于其强大的性能和灵活性,支持嵌套模板、条件语句、循环、自定义过滤器等功能,且语法简单,易于上手。doT的语法接近于标准的...

    使用promise异步编程和doT.js模板引擎检索数据并将其显示在HTML页面上.js.zip

    使用promise异步编程和doT.js模板引擎检索数据并将其显示在HTML页面上.js

    doT渲染模板

    还不错的渲染模板,通过这个模板,实现页面自动加载展示!

    doT.js简单入门

    doT.js是一个轻量级的JavaScript模板引擎,它专注于性能和简洁性,广泛用于Web开发中的数据绑定和渲染。这个引擎是由Kadim Alhir开发的,它的设计目标是提供一个高效、灵活且易于理解的解决方案,使得开发者可以将...

    常用的JavaScript模板引擎介绍

    其次是doT.js,这是一款专为浏览器和Node.js环境设计的JavaScript模板引擎。它提供了强大的模板功能,允许开发者定义块和部分模板,通过使用简单的语法来创建复用的模板片段。doT.js能够很好地处理循环和条件语句,...

    JavaScript模板引擎ECT.zip

    ECT是一个新兴的JavaScript模板引擎,主要致力于性能表现。 ECT开发者称,与其他引擎(如Dust、Hogan.js、Fest、Handlebars.js、doT、Swig、Eco、EJS、CoffeeKup和Jade等)相比,ECT目前是最快的,见基准测试。你...

    star ccm场函数的命令规则

    在其使用过程中,自定义场函数是一项十分重要的功能,其允许用户创建自定义的标量和矢量场函数,对模拟中的物理量进行计算和显示。本文将详细介绍STAR-CCM+中场函数的命令规则,包括标量和矢量场函数的定义、调用、...

    doT API pdf

    ### doT.js:快速且简洁的JavaScript模板引擎 #### 概述 doT.js 是一个专为 Node.js 和浏览器设计的高性能、简洁的 JavaScript 模板引擎。它由 Laura Doktorova 创建,并遵循 MIT 许可证发布。该模板引擎在 V8 ...

    doT:适用于nodejs和浏览器的最快+简洁的javascript模板引擎。 局部,自定义分隔符等

    点 创建该应用程序是为了寻找最快,最简洁... 它是模板引擎的赛车-doT缺少其他模板引擎所具备的风铃,但是,如果您正确使用它(YMMV),它可以达到比其他任何引擎都更高的性能。 特征 custom delimiters runtime e

    c#创建基于.dot模板的Word文档.zip

    3. **打开模板文件**: 接下来,我们需要加载.dot模板文件,可以使用`wordApp.Documents.Open`方法: ```csharp string templatePath = @"C:\path\to\your\template.dot"; Word.Document doc = wordApp.Documents....

    dot模版遍历集合的两种写法

    不熟悉DOT的遍历或者说看不习惯dot官方遍历的,可以看下类似for或foreach的方法,相同效果

    快速找Word模板文件Normal.dot的方法.docx

    快速找Word模板文件Normal.dot的方法 摘要:本文将介绍如何快速找到Word模板文件Normal.dot的方法。Normal.dot模板文件是一个包含用户自定义样式、快捷键、宏等信息的文件。当用户需要在不同的计算机上使用Word时,...

    MATLAB核函数算法

    MATLAB作为一种强大的数学计算软件,提供了丰富的核函数库,使得研究人员和工程师可以方便地利用这些函数进行复杂的数据分析和模型构建。本文将深入探讨几种常用的MATLAB核函数算法及其应用。 1. **线性核函数...

    如何通过Word 2021 找到 Normal.dot 共用模板.docx

    - **用户可自定义**:用户可以根据自己的需求对Normal.dot模板进行定制,例如添加特定的格式化规则、宏命令等。 - **影响所有文档**:一旦定制了Normal.dot模板,所有基于此模板创建的新文档都会继承这些设置。 #...

    Java使用RTFTemplate.dot生成word文件

    本篇文章将深入探讨如何使用Java中的`RTFTemplate.dot`模板来创建Word文件,这涉及到Java I/O流的处理、模板引擎的运用以及与Microsoft Word文件格式的交互。 首先,`RTFTemplate.dot`是一种特定的模板文件,它是由...

    如何通过Word 2021找到Normal.dot共用模板.docx

    通过理解Normal.dot模板的基本概念及其在Word 2021中的位置与使用方法,可以帮助用户更好地管理和利用这些资源。无论是对于个人还是组织来说,掌握这一技能都能够提高工作效率和文档管理的专业性。

    laytpl 精致巧妙的JavaScript模板引擎

    Render方法支持异步和同步两种模式,异步模式通常会配合回调函数使用,而同步模式则直接返回渲染结果。 Laytpl还允许开发者对模板引擎进行一些配置,例如通过laytpl.config(options)方法,可以设置开始标签和结束...

Global site tag (gtag.js) - Google Analytics