`
mfkvfn
  • 浏览: 17909 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

简易的js模板工具

 
阅读更多
简单的js模板工具1,从Extjs中撮出来的。
var re=/\{([\w\-]+)(?:\:([\w\.]*)(?:\((.*?)?\))?)?\}/g;
String.prototype.tpl=function(obj){
	return this.replace(re,function(m, name){
		return obj[name] !== undefined ? obj[name] : "";
	});
};

var tpl='<div>{a}</div><br/><div>{b}</div>';
console.log( tpl.tpl({a:'mfk',b:'vfn'}) ); //<div>mfk</div><br/><div>vfn</div>
console.log( tpl.tpl({a:'it',b:'eye'}) ); //<div>it</div><br/><div>eye</div>



简单的js模板工具2,仿Java的String.format()。
String.prototype.format=function(){
    var i=0,args=arguments;
	return this.replace(/%s/g,function(){
	    var v=args[i++];
		return v !== undefined ? v : '';
	});
};

var tpl='first:%s,last:%s';
console.log( tpl.format('mfk','vfn') );   //first:mfk,last:vfn
console.log( tpl.format('it') );          //first:it,last:
分享到:
评论

相关推荐

    js模板js填充模板

    js模板,可以填充${}标签; 如:在html中编写 模板容器,则可以用该工具类直接替换

    html模板工具

    HTML模板工具是网页设计和开发过程中不可或缺的一部分,它们极大地提高了工作效率,减少了重复代码的编写。在本主题中,我们将深入探讨HTML模板的概念、用途、优势以及如何使用它们。 HTML(HyperText Markup ...

    基于JavaScript的微信小程序前端模板

    在这个“基于JavaScript的微信小程序前端模板”中,我们将会探讨JavaScript在微信小程序开发中的核心作用,以及如何利用ECMAScript特性构建高效的前端模板。 1. **JavaScript基础**:JavaScript是微信小程序开发的...

    js模板编译原理

    通过以上分析,我们可以看到JS模板引擎的工作原理主要是通过解析模板、生成并执行JavaScript代码来实现动态内容的填充。这种方式不仅提高了开发效率,还使得页面内容更加灵活多样。在实际开发中,开发者可以根据项目...

    模板扒手仿站工具.zip

    【模板扒手仿站工具】是一款专为网页设计与开发人员设计的实用工具,它简化了整站下载和本地预览的过程。这款软件的核心功能在于能够一键式抓取指定网站的所有相关资源,包括HTML文件、CSS样式表、JavaScript脚本...

    js模板引擎从无到有

    JavaScript模板引擎是Web开发中用于动态渲染HTML内容的工具,它允许开发者将数据与HTML结构分离,提升代码的可读性和可维护性。本篇文章将深入探讨如何从零开始构建一个简单的JavaScript模板引擎,逐步改进并理解其...

    简单的template的js模板

    JavaScript模板在各种场景下都有广泛应用,如: - **服务器端渲染**:在Node.js环境中,可以使用模板引擎生成HTML响应。 - **客户端渲染**:在浏览器端,模板引擎可以用于AJAX请求后动态更新页面。 - **邮件模板**...

    templatejs的fis编译插件一款javascript模板引擎

    Template.js就是这样一个JavaScript模板引擎,它被设计用来帮助开发者快速、高效地实现动态内容的展示。 **template.js介绍** template.js是一款轻量级的JavaScript模板引擎,它提供了简洁的语法和高效的执行效率...

    百度js模板的使用

    **百度js模板(Baidu Template)**是一种轻量级的JavaScript模板引擎,它主要用于Web开发中的数据绑定和渲染。在JavaScript中,模板引擎允许开发者将HTML结构与数据分离,使得前端展示逻辑更加清晰,便于维护和扩展...

    非常好的启动加载js模板

    JS模板引擎是用于将数据和HTML结构结合的工具,它可以简化动态生成HTML的工作。通过将数据绑定到预先定义的模板,模板引擎可以自动根据数据变化更新页面。常见的JS模板引擎有Mustache、Handlebars、EJS等,它们允许...

    网站模板一键下载css,js,html,php工具

    网站模板下载工具 用于开发仿站是最好用的工具 一键下载css,js,html,php文件 几分钟就可以制作一个网站模板开发

    网站模板扒皮工具

    网站模板扒皮工具是一种用于快速获取并分析网页前端设计的软件或在线服务。它主要针对的是网站的HTML、CSS和JavaScript等前端代码,允许用户快速复制并下载网站的整体布局、样式和功能,以便于个人学习、参考或者...

    简洁工具CSS网页模板

    另外,模板可能还提供了易于使用的工具,如预定义的JavaScript插件,用于实现交互效果,如滑动展示、下拉菜单或滚动动画。 在压缩包"chahua2556"中,可能包含了以下内容: 1. CSS文件:通常以`.css`为扩展名,这些...

    基于Vue.js2.0的后台管理模板

    在这个基于Vue.js 2.0的后台管理模板中,开发者可以快速搭建一个功能完备的后台管理系统。下面将详细介绍这个模板包含的关键知识点。 1. **Vue.js 2.0**:Vue.js 2.0是Vue.js框架的第二个主要版本,它引入了性能...

    漂亮的html+css+js模板

    此外,这个模板可能还利用了一些现代前端框架或库,如Bootstrap或jQuery,这些工具可以简化开发过程,提供预设的UI组件和实用的函数。如果存在`.js`文件名中含有类似`bootstrap`或`jquery`的字样,那么这些框架很...

    100套大数据模板 (html+css+js)

    总的来说,"100套大数据模板 (html+css+js)"为开发者提供了一个丰富的工具箱,帮助他们快速构建出专业且吸引人的大数据可视化应用,同时也提供了学习和研究前端数据可视化设计的机会。通过深入理解和定制这些模板...

    JS特效以及模板

    4. Underscore.js和Lodash:除了提供模板功能,还包含大量实用的工具函数,帮助开发人员简化代码。 5. AngularJS:虽然主要是MVC框架,但其双括号绑定和指令系统也可视为一种模板机制。 在实际开发中,结合HTML、...

    templatejs的webpakc编译loader一款javascript模板引擎

    Template.js作为JavaScript模板引擎,具有以下优点: - **简洁的语法**:它的模板语法简单直观,易于学习和使用。 - **高效性能**:通过预编译模板为JavaScript函数,可以在运行时快速生成HTML,提高页面渲染速度。 ...

    简易个人网站模板

    【简易个人网站模板】是一种专为个人用户设计的网页布局框架,它通常包含首页、关于我和作品集等基本页面,旨在帮助用户快速搭建自己的在线展示平台。这些模板设计简洁,易于定制,适合初学者和有一定技术基础的人...

    HTML+CSS+JS 网页设计模板.zip

    每个模板通常会包含HTML文件(.html)、CSS文件(.css)和JavaScript文件(.js),有时还会包含图像和其他资源文件。 在使用这些模板时,开发者可以根据需求修改HTML元素以调整内容,通过调整CSS样式来定制界面,...

Global site tag (gtag.js) - Google Analytics