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

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

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

wxml:

js:

QQ小程序功能找到方法如下：

工具／原料：华为p40、EMUI11、QQ8.16

1、在QQ侧栏上，或设置页面上，都没有看到有小程序的入口。

2、其弊或实入口在动态页面，我们点击进入动态。

3、在动态页面下，就可以看到这个小程序的入口了。

4、或者在消息页面下拉一下，也可以看到有一个入口。

5、点击进入小程序页面纤笑后，这里列出了租竖伍很多的小程序，可以点击打开自己喜欢的小程序。

---