淺談?shì)p量級(jí)js模板引擎simplite
模板地址：https://github.com/zhangshaolong/simplite歡迎各位提出寶貴意見(jiàn)及貢獻(xiàn)代碼。特點(diǎn)：
1：代碼量少，學(xué)習(xí)成本低；
2：默認(rèn)jsp語(yǔ)法標(biāo)簽方式，熟悉jsp的朋友可以直接按照jsp的語(yǔ)法書(shū)寫(xiě)模板；
3：使用原生js語(yǔ)法進(jìn)行邏輯處理，只要熟悉js語(yǔ)法即可直接上手，沒(méi)有學(xué)習(xí)成本。
4：支持原生js的所有語(yǔ)法作為代碼邏輯片段，支持寬泛的書(shū)寫(xiě)格式。
5：支持重定義模板語(yǔ)言的標(biāo)簽符，默認(rèn)的邏輯標(biāo)簽為<%和%>，默認(rèn)的屬性標(biāo)簽為<%=和%>。
6：支持嵌套子模板，子模板默認(rèn)（沒(méi)有傳遞數(shù)據(jù)參數(shù)）是共享父模板數(shù)據(jù)，可以通過(guò)傳參設(shè)置子模板使用的數(shù)據(jù)集。
7：支持動(dòng)態(tài)導(dǎo)入模板與嵌入多個(gè)模板，只要導(dǎo)入的模板不是循環(huán)依賴的模板都能正常處理。
8：支持子模板使用Simplite.dataKey指定的字段訪問(wèn)傳遞過(guò)來(lái)的數(shù)據(jù)全集，默認(rèn)值為"_this"，對(duì)于數(shù)組、數(shù)字這樣的數(shù)據(jù)集來(lái)說(shuō)，使用Simplite.dataKey很容易拿到數(shù)據(jù)。
9：支持面向?qū)ο蠓绞绞褂媚０搴图冹o態(tài)函數(shù)方式來(lái)手動(dòng)組織模板處理過(guò)程。
10：支持除了訪問(wèn)父模板數(shù)據(jù)外，還可以提供方法作用域內(nèi)任何數(shù)據(jù)為數(shù)據(jù)集，比如在全局有個(gè)arr，那么可以include(tmplt, arr)來(lái) 
語(yǔ)法：
可以看到，使用include的時(shí)候，可以使用子模板的時(shí)候，傳入指定的數(shù)據(jù)集作為數(shù)據(jù)源，對(duì)于復(fù)雜的多層結(jié)構(gòu)來(lái)說(shuō)，能夠很好的控制每個(gè)模板的數(shù)據(jù)結(jié)構(gòu)。
- JavaScript模板引擎Template.js使用詳解
- javascript輕量級(jí)模板引擎juicer使用指南
- 教你使用javascript簡(jiǎn)單寫(xiě)一個(gè)頁(yè)面模板引擎
- 詳解Javascript模板引擎mustache.js
- 探究Javascript模板引擎mustache.js使用方法
- JavaScript模板引擎用法實(shí)例
- 常用的JavaScript模板引擎介紹
- 高性能JavaScript模板引擎實(shí)現(xiàn)原理詳解
- JavaScript模板引擎實(shí)現(xiàn)原理實(shí)例詳解
- JavaScript模板引擎應(yīng)用場(chǎng)景及實(shí)現(xiàn)原理詳解
- JavaScript模板引擎原理與用法詳解
相關(guān)文章
Highcharts學(xué)習(xí)之坐標(biāo)軸
今天講交互圖表Highcharts的坐標(biāo)軸，我們將對(duì)Highcharts圖表的坐標(biāo)軸組成、坐標(biāo)軸類型等進(jìn)行詳細(xì)系統(tǒng)講解。下面一起來(lái)看看。2016-08-08
淺談JavaScript前端開(kāi)發(fā)的MVC結(jié)構(gòu)與MVVM結(jié)構(gòu)
以AngularJS為代表的MVVM結(jié)構(gòu)框架或庫(kù)這兩年來(lái)在前端界真是火到不行,大有對(duì)抗傳統(tǒng)jQuery綁定思想的趨勢(shì),這里我們結(jié)合傳統(tǒng)的MVC結(jié)構(gòu),來(lái)淺談JavaScript前端開(kāi)發(fā)的MVC結(jié)構(gòu)與MVVM結(jié)構(gòu)2016-06-06
Highcharts學(xué)習(xí)之?dāng)?shù)據(jù)列
數(shù)據(jù)列配置是 Highcharts 最復(fù)雜也是最靈活的配置，如果說(shuō) Highcharts 是靈活多變，細(xì)節(jié)可定制的話，那么數(shù)據(jù)列配置就是這個(gè)重要特性的核心。2016-08-08
使用RequireJS庫(kù)加載JavaScript模塊的實(shí)例教程
RequireJS庫(kù)的主旨就是一個(gè)js文件的模塊加載器,可以獨(dú)立于框架來(lái)進(jìn)行使用,這里我們整理了使用RequireJS庫(kù)加載JavaScript模塊的實(shí)例教程,需要的朋友可以參考下2016-06-06
Three.js學(xué)習(xí)之文字形狀及自定義形狀
今天小編帶大家學(xué)習(xí)的是Three.js的文字形狀與自定義形狀，文章內(nèi)容很詳細(xì)，對(duì)大家學(xué)習(xí)Three.js或許有幫助，下面一起來(lái)看看吧。2016-08-08
JS日程管理插件FullCalendar中文說(shuō)明文檔
JS日程管理插件FullCalendar提供了豐富的屬性設(shè)置和方法調(diào)用，開(kāi)發(fā)者可以根據(jù)FullCalendar提供的API快速完成一個(gè)日歷日程的開(kāi)發(fā)，本文將FullCalendar的常用屬性和方法、回調(diào)函數(shù)等整理成中文文檔，以供參閱。2017-02-02
這篇文章主要介紹了如何使用可視化庫(kù)gojs及使用時(shí)的小技巧，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2022-01-01
本篇將先介紹創(chuàng)建較為常用的物體：網(wǎng)格，然后介紹如何修改物體的屬性。下面跟著小編一起來(lái)學(xué)習(xí)學(xué)習(xí)。2016-08-08
這篇文章主要介紹了node.js中的socket.io入門實(shí)例,并對(duì)websocket等反向ajax技術(shù)做了介紹,需要的朋友可以參考下2014-04-04
FullCalendar是一款基于jQuery的日歷插件，適用于各種日程安排、工作計(jì)劃等場(chǎng)景，本文是fullCalendar官方文檔的中文版，主要介紹了fullCalendar的具體屬性與方法，大家可以參考一下2017-02-02