您的位置: 翼速应用 > 业内知识 > web前端 > 正文

在jquery中模板引擎有什么作用?

这篇文章给大家解析jquery中的模板引擎有什么作用,主要内容如下:


1、NANO,可完美实现对JSON的解析。

2、google-jstemplate,是针对Ajax Web应用程序的简单、强健的浏览器端模板处理工具。

3、JTemplate,一款开源的前端模版引擎。

4、jQote2等。


在jquery中模板引擎有什么作用?




本文适用于windows7系统、jquery1.10.2版本、Dell G3电脑。


jquery模板引擎


1、NANO


最简单的 jQuery 模板引擎,完美实现对 JSON 的解析。


NANO


地址:https://github.com/trix/nano


2、google-jstemplate


针对 Ajax Web 应用程序的简单、强健的浏览器端模板处理工具。


google-jstemplate


地址:http://google-jstemplate.googlecode.com/svn/trunk/jstemplate_example.html


3、The jQuery Templates Plugin


一个 jQuery 模板插件,该插件的开发工作目前处于停滞状态。


4、jQote2


这是 jQote 的第 2 个版本,是基于 jQuery 的最强大、通用的客户端模板引擎。


地址:http://aefxx.com/jquery-plugins/jqote2/


5、JTemplate


JTemplate是基于jQuery的开源的前端模版引擎。


在Jtemplate模板中可以使用if判断、foreach循环、for循环等操作,使用Jtemplate模板优点在于ajax局部刷新界面时候不必要拼接html语句、可以通过ajax获取JSON格式的数据、在模版中允许使用javascript代码、允许你创建串接模版、允许你在模版中创建参数、即时刷新,自动从服务器端获取更新内容。


6、jsrender--前端模板引擎(jQuery模板)


jsrender官网号称简单直观、强大轻快可扩展。压缩体积也只有8.9kb,可以单独在浏览器或node中使用,也可以配合jQuery使用。


jsrender使用 {{}} 来做分界,如果{{}}与你现有的模板引擎冲突你可以使用api来自定义,比如:


$.views.settings.delimiters("<%", "%>");
 
//原本
<p>{{:name}}</p>
//修改后
<p><%:name%></p>

我来说两句

0 条评论

推荐阅读

  • 响应式布局CSS媒体查询设备像素比介绍

    构建响应式网站布局最常见的是流体网格,灵活调整大小的站点布局技术,确保用户在使用的幕上获得完整的体验。响应式设计如何展示富媒体图像,可以通过以下几种方法。

    admin
  • 提升网站的性能快速加载的实用技巧

    网站速度很重要,快速加载的网站会带来更好的用户体验、更高的转化率、更多的参与度,而且在搜索引擎排名中也扮演重要角色,做SEO,网站硬件是起跑线,如果输在了起跑线,又怎么跟同行竞争。有许多方法可提升网站的性能,有一些技巧可以避免踩坑。

    admin
  • 织梦CMS TAG页找不到标签和实现彩色标签解决方法

    织梦cms是我们常见的网站程序系统的一款,在TAG标签中常常遇到的问题也很多。当我们点击 tags.php 页的某个标签的时候,有时会提示:“系统无此标签,可 能已经移除!” 但是我们检查程序后台,以及前台显示页面。这个标签确实存在,如果解决这个问题那?

    admin
  • HTML关于fieldset标签主要的作用

    在前端开发html页面中常用的标签很多,今天为大家带来的是关于HTML中fieldset标签主要的作用说明,根据技术分析HTML

    admin

精选专题