首頁  >  文章  >  web前端  >  jquery模板引擎有哪些

jquery模板引擎有哪些

青灯夜游
青灯夜游原創
2022-05-24 19:38:452201瀏覽

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 的解析。

jquery模板引擎有哪些

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

2、google-jstemplate

針對Ajax Web 應用程式的簡單、強健的瀏覽器端模板處理工具。

jquery模板引擎有哪些

網址: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>

等等。 。 。 。

【推薦學習:jQuery影片教學web前端影片

以上是jquery模板引擎有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn