淺談輕量級(jí)js模板引擎simplite
模板地址：https://github.com/zhangshaolong/simplite歡迎各位提出寶貴意見及貢獻(xiàn)代碼。特點(diǎn)：
1：代碼量少，學(xué)習(xí)成本低；
2：默認(rèn)jsp語法標(biāo)簽方式，熟悉jsp的朋友可以直接按照jsp的語法書寫模板；
3：使用原生js語法進(jìn)行邏輯處理，只要熟悉js語法即可直接上手，沒有學(xué)習(xí)成本。
4：支持原生js的所有語法作為代碼邏輯片段，支持寬泛的書寫格式。
5：支持重定義模板語言的標(biāo)簽符，默認(rèn)的邏輯標(biāo)簽為<%和%>，默認(rèn)的屬性標(biāo)簽為<%=和%>。
6：支持嵌套子模板，子模板默認(rèn)（沒有傳遞數(shù)據(jù)參數(shù)）是共享父模板數(shù)據(jù)，可以通過傳參設(shè)置子模板使用的數(shù)據(jù)集。
7：支持動(dòng)態(tài)導(dǎo)入模板與嵌入多個(gè)模板，只要導(dǎo)入的模板不是循環(huán)依賴的模板都能正常處理。
8：支持子模板使用Simplite.dataKey指定的字段訪問傳遞過來的數(shù)據(jù)全集，默認(rèn)值為"_this"，對(duì)于數(shù)組、數(shù)字這樣的數(shù)據(jù)集來說，使用Simplite.dataKey很容易拿到數(shù)據(jù)。
9：支持面向?qū)ο蠓绞绞褂媚０搴图冹o態(tài)函數(shù)方式來手動(dòng)組織模板處理過程。
10：支持除了訪問父模板數(shù)據(jù)外，還可以提供方法作用域內(nèi)任何數(shù)據(jù)為數(shù)據(jù)集，比如在全局有個(gè)arr，那么可以include(tmplt, arr)來 
語法：
可以看到，使用include的時(shí)候，可以使用子模板的時(shí)候，傳入指定的數(shù)據(jù)集作為數(shù)據(jù)源，對(duì)于復(fù)雜的多層結(jié)構(gòu)來說，能夠很好的控制每個(gè)模板的數(shù)據(jù)結(jié)構(gòu)。
- JavaScript模板引擎Template.js使用詳解
- javascript輕量級(jí)模板引擎juicer使用指南
- 教你使用javascript簡單寫一個(gè)頁面模板引擎
- 詳解Javascript模板引擎mustache.js
- 探究Javascript模板引擎mustache.js使用方法
- JavaScript模板引擎用法實(shí)例
- 常用的JavaScript模板引擎介紹
- 高性能JavaScript模板引擎實(shí)現(xiàn)原理詳解
- JavaScript模板引擎實(shí)現(xiàn)原理實(shí)例詳解
- JavaScript模板引擎應(yīng)用場景及實(shí)現(xiàn)原理詳解
- JavaScript模板引擎原理與用法詳解
相關(guān)文章
Highcharts是一個(gè)用純JavaScript編寫的一個(gè)圖表庫，之前小編發(fā)了一篇介紹Highcharts的文章，那么本文將進(jìn)一步的介紹Highcharts的基本屬性，有需要的可以參考學(xué)習(xí)。2016-08-08
Three.js學(xué)習(xí)之正交投影照相機(jī)
本篇主要介紹照相機(jī)中的正交投影照相機(jī)。學(xué)習(xí)Three.js的小伙伴們可以參考學(xué)習(xí)。2016-08-08
Highcharts學(xué)習(xí)之坐標(biāo)軸
今天講交互圖表Highcharts的坐標(biāo)軸，我們將對(duì)Highcharts圖表的坐標(biāo)軸組成、坐標(biāo)軸類型等進(jìn)行詳細(xì)系統(tǒng)講解。下面一起來看看。2016-08-08
本篇將先介紹創(chuàng)建較為常用的物體：網(wǎng)格，然后介紹如何修改物體的屬性。下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)。2016-08-08
基于d3.js實(shí)現(xiàn)實(shí)時(shí)刷新的折線圖
本文用實(shí)例演示如何用d3.js實(shí)現(xiàn)實(shí)時(shí)刷新的折線圖,非常具有實(shí)用價(jià)值,需要的朋友可以參考下。2016-08-08
這篇文章主要介紹了如何使用可視化庫gojs及使用時(shí)的小技巧，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2022-01-01
最近因?yàn)樾难獊沓毕胍囋噒hinkJS操作mongoDB，去官方文檔看了看，默認(rèn)是只給了mysql的配置，源代碼也是沒有配置mongo的，只有一個(gè)官方案例，無奈只能自己學(xué)習(xí)了，下面是自己的一些學(xué)習(xí)總結(jié)，有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-12-12
組件庫Monmrepo架構(gòu)與開發(fā)調(diào)試環(huán)境構(gòu)建詳解
這篇文章主要為大家介紹了組件庫Monmrepo架構(gòu)與開發(fā)調(diào)試環(huán)境構(gòu)建詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
FullCalendar是一款基于jQuery的日歷插件，適用于各種日程安排、工作計(jì)劃等場景，本文是fullCalendar官方文檔的中文版，主要介紹了fullCalendar的具體屬性與方法，大家可以參考一下2017-02-02
這篇文章主要介紹了node.js中的socket.io入門實(shí)例,并對(duì)websocket等反向ajax技術(shù)做了介紹,需要的朋友可以參考下2014-04-04