微博的搜索功能需要对搜索结果进行实时高亮显示匹配的关键词。请设计一个前端解决方案，实现该功能，并编写相应的 JavaScript 代码示例。

答题要点

使用分层分析法。先分析需求，再设计方案，最后编写代码。关键要点：1. 获取搜索关键词和搜索结果文本。2. 对搜索结果文本进行遍历，查找匹配的关键词。3. 使用 HTML 的标签将匹配的关键词包裹，实现高亮显示。4. 注意处理大小写和多个匹配的情况。示例思路：首先获取用户输入的关键词和搜索结果元素，然后使用正则表达式匹配关键词，将匹配到的部分用 <mark> 标签包裹，最后更新搜索结果元素的内容。代码示例：function highlightKeywords(text, keyword) { const regex = new RegExp(keyword, 'gi'); return text.replace(regex, '<mark>$&</mark>'); } 。