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