摘要:看这篇文章功力不需要太深厚。网上很多关于模板及模板引擎的文章,讲了很多好处,问题是我他妈的不懂,因为我没有跟后台打过交道。我是,在公司的职位是模板,模板就是大多数显示的是一样,只有数据部分是更新替换。结果发现模板中相应的部分被替换了。
看这篇文章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
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/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...
阅读 754·2021-09-30 09:46
阅读 3739·2021-09-03 10:45
阅读 3592·2019-08-30 14:11
阅读 2524·2019-08-30 13:54
阅读 2242·2019-08-30 11:00
阅读 2316·2019-08-29 13:03
阅读 1512·2019-08-29 11:16
阅读 3564·2019-08-26 13:52