如何用纯JS实现一个支持长尾词的高扩展性关键词高亮方案？

本文共计2126个文字，预计阅读时间需要9分钟。

目录+关键词高亮

1.实现的主要功能：

2. 效果演示+高级定制用法+用法 1. React中使用 2. 原生JS使用innerHTML 3. 源码+核心源码+渲染方案 1. React组件渲染 2. innerHTML渲染 3. Showcase组件演示

目录

• 关键词高亮
• 1. 实现的主要功能：
• 2. 效果演示
• 高级定制用法
• 用法
• 1. react中使用
• 2. 原生js使用innerHTML
• 源码
• 核心源码
• 渲染方案
• 1. react组件渲染
• 2. innerHTML渲染
• showcase演示组件

关键词高亮

日常需求开发中常见需要高亮的场景，本文主要记录字符串渲染时多个关键词同时高亮的实现方法，目的是实现高度可扩展的多关键词高亮方案。