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

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

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

wxml:

js:

免费。

1、打开微信，搜索小程序像素艺术家。

2、打开像素艺术家，点击顶部签到，领取免费的咖啡豆。在首页也可以看到很多免费的像素艺术作品。

3、点击心仪的像素艺术作品，查看作品的像素块数和颜色数。点击开始画，即可进入创作页面。

4、在创作页面，选择颜色，双指进行缩放，对应的像素块就会高亮显示，点击像素块即可上色。同时支持，长按像素块滑动进入连续绘制状态。

---