微信小程序实现全局搜索代码高亮

最近在做埋锋微信小程序的时候，需要实现在搜索框的输入内容的时候实现全局匹配实现高亮效果，目前的思路是，递归后台来返回的数据，并将对象的value值替换为需要的dom节点，并且通过rich-text来实现，高亮效果。

在实现的过程中主要考虑，不同类型的数樱简据结构，过滤掉特殊符号，url这些基本需求；同时在实现的过程中每次都要去处理最原始的数据，这就需要考虑到对象的深拷贝问题，目前所采用的方法是通过JSON.parse(JSON.stringify(str))来处理，因为弯颂晌在这个全局搜索的项目中不太会用到函数这些对象。最后通过replace方法来处理这些目标字符串。

wxml:

js:

vscode默认无法识别wxml和wxss语法,

但是强大的vscode自然有解决办法,我们点击纯文本会发颤扰慎现

所以我们只要将wxml关联成html就可以语法高亮了

默认的语法茄敬不高亮

关联后的高亮李郑语法

---