資訊專欄INFORMATION COLUMN
摘要：在使用時(shí)候遇到一些格式化時(shí)間這樣的功能總會(huì)很麻煩比如標(biāo)題標(biāo)題要想格式化列表里的時(shí)間你必須要在數(shù)據(jù)對(duì)象中像這樣注冊(cè)一個(gè)每次做渲染的時(shí)候都必須重復(fù)注冊(cè)很是麻煩注冊(cè)完后使用的時(shí)候語法也很奇葩為此特意了一下發(fā)現(xiàn)了另一個(gè)語法兼容的前
在使用mustache.js時(shí)候, 遇到一些格式化時(shí)間這樣的功能, 總會(huì)很麻煩.
比如:
{
"items":[
{
"title" : "標(biāo)題1",
"createDate":"2016-06-10T15:48:00.000Z"
},
{
"title" : "標(biāo)題2",
"createDate":"2016-06-10T18:48:00.000Z"
}
]
}
要想格式化列表里的時(shí)間createDate, 你必須要在數(shù)據(jù)對(duì)象中像這樣注冊(cè)一個(gè)handler:
{
items : ...
dateFromat : function(){
return moment(this.createDate).format("YYYY-MM-DD")
}
}
每次做渲染的時(shí)候都必須重復(fù)注冊(cè)handler,很是麻煩.
注冊(cè)完后,使用handler的時(shí)候語法也很奇葩:
{{#items}}
{{title}}
{{#dateFromat}}
{{formatDate createDate}}
{{/dateFromat}}
{{/items}}
為此, 特意google了一下. 發(fā)現(xiàn)了另一個(gè)語法兼容mustache的前段模板Handlerbar, 和它的名字表達(dá)的一樣, 可以方便的注冊(cè)一堆handler.
使用方式很簡單:
注冊(cè)handler
Handlebars.registerHelper("formatDate", function(date) {
return moment(date).format("YYYY-MM-DD hh:mm:ss");
});
渲染時(shí)調(diào)用handler
{{#items}}
{{title}}
{{formatDate createDate}}
{{/items}}
ok.
另外,它提供的Html預(yù)編譯成JavaScript功能也很方便.
不愧是大型前端工程的利器.
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/79699.html
摘要：前些天偷臺(tái)風(fēng)的閑暇時(shí)寫了一個(gè)移動(dòng)端音樂播放器，作為練手項(xiàng)目。有的歌詞周杰倫算什么男人格式是時(shí)間點(diǎn)時(shí)間歌詞創(chuàng)建映射首先以將歌詞字符串分割成以時(shí)間點(diǎn)文字的數(shù)組，但由于這樣分割之后最后一個(gè)元素是空的，所以用刪除最后一個(gè)元素。 這段時(shí)間公司一直在做一個(gè)PC的教育類單頁應(yīng)用，龐大復(fù)雜，涉及非常多H5的知識(shí)，音頻就是其中的一部分。前些天偷臺(tái)風(fēng)的閑暇時(shí)寫了一個(gè)移動(dòng)端音樂播放器，作為練手項(xiàng)目。 在線地...
摘要：原作者唐斌騰訊什么原名是一個(gè)簡單易用的前端模板預(yù)編譯工具。本文作者為來自騰訊團(tuán)隊(duì)的唐斌，他在本文中為我們分析了傳統(tǒng)前端模板內(nèi)嵌的弊端，如開發(fā)調(diào)試效率低下自動(dòng)化構(gòu)建復(fù)雜度比較高等特點(diǎn)，并針對(duì)目前現(xiàn)狀給出了較好的解決方案。 原作者: 唐斌（騰訊）| TmodJS什么 TmodJS（原名atc）是一個(gè)簡單易用的前端模板預(yù)編譯工具。它通過預(yù)編譯技術(shù)讓前端模板突破瀏覽器限制，實(shí)現(xiàn)后端模板一樣的同...
摘要：歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面不僅僅是代碼作為現(xiàn)代應(yīng)用，的大量使用，使得前端工程師們?nèi)粘５拈_發(fā)少不了拼裝模板，渲染模板。我們今天就來聊聊，拼裝與渲染模板的那些事兒。一改俱改，一板兩用。 歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面（不僅僅是代碼）：https://segmentfault.com/blog...
閱讀 1205·2023-04-26 02:42
閱讀 1644·2021-11-12 10:36
閱讀 1811·2021-10-25 09:47
閱讀 1278·2021-08-18 10:22
閱讀 1817·2019-08-30 15:52
閱讀 1227·2019-08-30 10:54
閱讀 2644·2019-08-29 18:46
閱讀 3507·2019-08-26 18:27
