摘要:看這篇文章功力不需要太深厚。網(wǎng)上很多關(guān)于模板及模板引擎的文章,講了很多好處,問題是我他媽的不懂,因為我沒有跟后臺打過交道。我是,在公司的職位是模板,模板就是大多數(shù)顯示的是一樣,只有數(shù)據(jù)部分是更新替換。結(jié)果發(fā)現(xiàn)模板中相應(yīng)的部分被替換了。
看這篇文章js功力不需要太深厚。
網(wǎng)上很多關(guān)于js模板及js模板引擎的文章,講了很多好處,問題是我他媽的不懂,因為我沒有跟后臺打過交道。很多文章,看著看著就深了,完全沒有體諒我們初學(xué)者的體會,我要是牛逼就不會再看他們的文章了。
以下就我個人的智商目前只體會到一點,共所有初學(xué)者來探討,以及大牛的指導(dǎo)。
var stringList="我是{{name}},在公司的職位是{{work}}";//模板,模板就是大多數(shù)顯示的是一樣,只有數(shù)據(jù)部分是更新替換。 var re=/{{([^}]+)}}/g;//正則表達(dá)式,作用就是選中左邊是{{,右邊是}},中間是其它字符的字符串 var data={name:"張學(xué)友",work:"歌手"};//數(shù)據(jù),用于更新的數(shù)據(jù) var html=stringList.replace(re,function(all,t){ return data[t]; });//這個函數(shù)的作用就是用data中的數(shù)據(jù)去替換模板中的被正則表達(dá)式選中的字符串。 alert(html);//結(jié)果發(fā)現(xiàn)模板中相應(yīng)的部分被替換了。
replace()是正則表達(dá)式的一個函數(shù),第一個參數(shù)是正則表達(dá)式,第二個參數(shù)可以是一個數(shù)值數(shù)據(jù)也可以是一個函數(shù)。
一個賣醬酒的非著名程序員,歡迎關(guān)注微博:匠心酒、 微信:youronglang
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/79481.html
摘要:所以它與其他系列的文章并不沖突,完全可以在閱讀完這個系列后,再跟著其他系列的文章接著學(xué)習(xí)。如何閱讀我在寫系列的時候,被問的最多的問題就是該怎么閱讀源碼我想簡單聊一下自己的思路。感謝大家的閱讀和支持,我是冴羽,下個系列再見啦 前言 別名:《underscore 系列 8 篇正式完結(jié)!》 介紹 underscore 系列是我寫的第三個系列,前兩個系列分別是 JavaScript 深入系列、...
摘要:第一版我們來嘗試實現(xiàn)第一版第一版為了驗證是否有用文件文件完整的可以查看示例一在這里我們使用了,實際上在文章中使用的是構(gòu)造函數(shù)。構(gòu)造函數(shù)創(chuàng)建一個新的對象。 前言 underscore 提供了模板引擎的功能,舉個例子: var tpl = hello: ; var compiled = _.template(tpl); compiled({name: Kevin}); // hello:...
摘要:歡迎大家收看聊一聊系列,這一套系列文章,可以幫助前端工程師們了解前端的方方面面不僅僅是代碼作為現(xiàn)代應(yīng)用,的大量使用,使得前端工程師們?nèi)粘5拈_發(fā)少不了拼裝模板,渲染模板。我們今天就來聊聊,拼裝與渲染模板的那些事兒。一改俱改,一板兩用。 歡迎大家收看聊一聊系列,這一套系列文章,可以幫助前端工程師們了解前端的方方面面(不僅僅是代碼):https://segmentfault.com/blog...
摘要:歡迎大家收看聊一聊系列,這一套系列文章,可以幫助前端工程師們了解前端的方方面面不僅僅是代碼作為現(xiàn)代應(yīng)用,的大量使用,使得前端工程師們?nèi)粘5拈_發(fā)少不了拼裝模板,渲染模板。我們今天就來聊聊,拼裝與渲染模板的那些事兒。一改俱改,一板兩用。 歡迎大家收看聊一聊系列,這一套系列文章,可以幫助前端工程師們了解前端的方方面面(不僅僅是代碼):https://segmentfault.com/blog...
摘要:歡迎大家收看聊一聊系列,這一套系列文章,可以幫助前端工程師們了解前端的方方面面不僅僅是代碼作為現(xiàn)代應(yīng)用,的大量使用,使得前端工程師們?nèi)粘5拈_發(fā)少不了拼裝模板,渲染模板。我們今天就來聊聊,拼裝與渲染模板的那些事兒。一改俱改,一板兩用。 歡迎大家收看聊一聊系列,這一套系列文章,可以幫助前端工程師們了解前端的方方面面(不僅僅是代碼):https://segmentfault.com/blog...
閱讀 783·2021-09-30 09:46
閱讀 3797·2021-09-03 10:45
閱讀 3617·2019-08-30 14:11
閱讀 2551·2019-08-30 13:54
閱讀 2262·2019-08-30 11:00
閱讀 2357·2019-08-29 13:03
閱讀 1564·2019-08-29 11:16
閱讀 3588·2019-08-26 13:52