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

阅读更多

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

官网-Logo,点击进入:

doT js模板引擎 使用自定义函数进行渲染的两种方法_第1张图片

 

更多丰富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');
};

// 模板引擎渲染
{{=maskText(it.top10[i-1].username)}}

 

 

解决方案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

doT js模板引擎 使用自定义函数进行渲染的两种方法_第2张图片


更多实例应用扫码体验:

doT js模板引擎 使用自定义函数进行渲染的两种方法_第3张图片

你可能感兴趣的:(乔乐共享,众观千象,每天进步一点点,学习永无止境,doTJs)