js 高亮文本中包含的关键词标红

news/2024/11/28 15:12:39/

在这里插入图片描述

在开发中,遇到需要将文本中包含的关键字高亮的情况,可以做以下处理。

<div class="title"v-html="highlightKeywords(item.title, state1.tags1.concat(state2.tags2).concat(state3.tags3))">
</div>
......
......
const highlightKeywords = (text, keywords) => {if (!text || !keywords.length) return text;const regex = new RegExp(keywords.map(keyword => `(${keyword})`).join('|'), 'gi');return text.replace(regex, (match) => `<span style="color: red;">${match}</span>`);
};

http://www.ppmy.cn/news/1550648.html

相关文章

Ubuntu系统更新

在Ubuntu系统中&#xff0c;您可以使用以下命令来更新系统&#xff1a; 1、更新软件包列表&#xff1a; sudo apt update 2、升级所有已安装的包到最新版本&#xff1a; sudo apt upgrade 3、&#xff08;可选&#xff09;如果系统提示有某些包可以自动更新&#xff0c;并…

网络知识面试

1、http状态码 101: 切换请求协议 200:(请求成功)。服务器已成功处理了请求。 通常,这表示服务器提供了请求的网页。 301 : (永久移动,永久性重定向,会缓存) 请求的网页已永久移动到新位置。 服务器返回此响应(对 GET 或 HEAD 请求的响应)时,会自动将请求者转到新位置。…

ADSY1100

4 Tx/4 Rx&#xff0c;0.1 GHz 至 20 GHz Apollo MxFE 3UVPX 调谐器 数字化仪 处理器 特性 四个发射&#xff08;Tx&#xff09;通道 高达 28GSPS DAC 四个接收&#xff08;Rx&#xff09;通道 高达 20GSPS 的 ADC 可更换 RF 调谐器个性卡 0.1-20GHz 调谐 多调谐器选项 相位…

本地学习axios源码-如何在本地打印axios里面的信息

1. 下载axios到本地 git clone https://github.com/axios/axios.git 2. 下载react项目, 用vite按照提示命令配置一下vite react ts项目 npm create vite my-vue-app --template react 3. 下载koa, 搭建一个axios请求地址的服务端 a.初始化package.json mkdir koa-server…

如何做好一份技术文档

目录 1.概述 2.技术文档的规划布局 2.1. 确定文档类型和目标 2.2. 章节设置 2.2.1.引言部分 2.2.2.基础信息 2.2.3.核心内容 2.2.4.辅助内容 2.3. 确定逻辑顺序 2.4. 使用模板和样式 2.5. 持续改进 2.6.示例文档结构 3.技术文档的语言表达 3.1. 使用简洁的语言 …

111页PDF | 企业IT治理体系规划方案(限免下载)

一、前言 这份报告是企业IT治理体系规划方案&#xff0c;报告涵盖了信息化蓝图架构、管控体系规划、治理方法论、IT治理目标体系架构设计、IT运维和治理演进规划等多个方面&#xff0c;旨在通过优化IT组织、流程、人力资源等&#xff0c;提升集团的IT治理能力&#xff0c;以支…

⭐️ GitHub Star 数量前十的工作流项目

文章开始前&#xff0c;我们先做个小调查&#xff1a;在日常工作中&#xff0c;你会使用自动化工作流工具吗&#xff1f;&#x1f64b; 事实上&#xff0c;工作流工具已经变成了提升效率的关键。其实在此之前我们已经写过一篇博客&#xff0c;跟大家分享五个好用的工作流工具。…

STM32F4系列单片机新玩法---Micropython--pyBoard

只需要更改main.py文件的内容即可&#xff0c;例程CRTLV 1、流水灯&#xff1a; # main.py -- put your code here! import pyb while(1): for n in range(1,5) ledpyb.LED(n) led.on() pyb.delay(1000) led.off() 2、灯条,可以改变delay值来凸显效果…