作者:程序员老板梦 | 来源:互联网 | 2023-09-09 16:33
在前端与背景交互的时刻我们一般都须要将背景通报的数据绑定到html中,这个绑定数据的体式格局我们一般是运用jQuery或许运用原生的innerHTML举行绑定,固然也能够运用art
在前端与背景交互的时刻我们一般都须要将背景通报的数据绑定到html中,这个绑定数据的体式格局我们一般是运用jQuery或许运用原生的innerHTML举行绑定,固然也能够运用artTemplate模板来绑定数据,那末artTemplate模板它绑定数据的道理是什么呢?实在它就是利用了replace()要领。
关于正则replace商定了一个特别标记符”$”:
1)、$i(i取值局限1~99):示意从左到右正则子表达式所婚配的文本
2)、$&:示意与正则表达式婚配的悉数文本
3)、$`(`:1旁边的谁人键):示意婚配字符串的左侧文本
4)、$'(':单引号):示意婚配字符串的右侧文本
5)、$$:示意$转移
1、replace基础用法
1.1、replace基础用法之替代移除指定class类
2、replace高等用法之 —- $i
2.1、简朴的$i用法
2.2、$i与分组连系运用
2.3、$i与分组连系运用—-关键字高亮显现
当我们运用谷歌搜刮的时刻我们会发明我们搜刮的关键字都被高亮显现了,那末这类结果用Javascript可否显现呢?答案是能够的,运用replace()很轻松就搞定了。
2.4、反向分组—-分组的反向援用
在正则中,当我们须要婚配两个或多个一连的雷同的字符的时刻,就须要用到反向援用了,查找一连反复的字符是反向援用最简朴却也是最有效的运用之一。上面的”$i”也是反向分组的一种情势,这里再引见另一种反向分组。
3、replace高等用法之参数二为函数
replace函数的第二个参数不仅能够是一个字符,还能够是一个函数!
3.1、参数二为函数之参数详解
3.2、参数二为函数之首字母大写案例
3.3、参数二为函数之绑定数据—-artTemplate模板中心
周星驰喜剧电影:
4、replace高等用法之猎取与正则表达式婚配的文本
4.1、replace高等用法之猎取与正则表达式举行婚配的源字符串
4.2、replace高等用法之猎取正则表达式婚配到的字符
5、replace高等用法之猎取正则婚配的左侧的字符
6、replace高等用法之猎取正则婚配的右侧的字符