淺談輕量級js模板引擎simplite
模板地址:https://github.com/zhangshaolong/simplite歡迎各位提出寶貴意見及貢獻代碼。特點:
1:代碼量少,學習成本低;
2:默認jsp語法標簽方式,熟悉jsp的朋友可以直接按照jsp的語法書寫模板;
3:使用原生js語法進行邏輯處理,只要熟悉js語法即可直接上手,沒有學習成本。
4:支持原生js的所有語法作為代碼邏輯片段,支持寬泛的書寫格式。
5:支持重定義模板語言的標簽符,默認的邏輯標簽為<%和%>,默認的屬性標簽為<%=和%>。
6:支持嵌套子模板,子模板默認(沒有傳遞數(shù)據(jù)參數(shù))是共享父模板數(shù)據(jù),可以通過傳參設(shè)置子模板使用的數(shù)據(jù)集。
7:支持動態(tài)導入模板與嵌入多個模板,只要導入的模板不是循環(huán)依賴的模板都能正常處理。
8:支持子模板使用Simplite.dataKey指定的字段訪問傳遞過來的數(shù)據(jù)全集,默認值為"_this",對于數(shù)組、數(shù)字這樣的數(shù)據(jù)集來說,使用Simplite.dataKey很容易拿到數(shù)據(jù)。
9:支持面向?qū)ο蠓绞绞褂媚0搴图冹o態(tài)函數(shù)方式來手動組織模板處理過程。
10:支持除了訪問父模板數(shù)據(jù)外,還可以提供方法作用域內(nèi)任何數(shù)據(jù)為數(shù)據(jù)集,比如在全局有個arr,那么可以include(tmplt, arr)來 
語法:






可以看到,使用include的時候,可以使用子模板的時候,傳入指定的數(shù)據(jù)集作為數(shù)據(jù)源,對于復雜的多層結(jié)構(gòu)來說,能夠很好的控制每個模板的數(shù)據(jù)結(jié)構(gòu)。
相關(guān)文章
組件庫Monmrepo架構(gòu)與開發(fā)調(diào)試環(huán)境構(gòu)建詳解
這篇文章主要為大家介紹了組件庫Monmrepo架構(gòu)與開發(fā)調(diào)試環(huán)境構(gòu)建詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-10-10

