高亮匹配關鍵詞樣式highLightMatchString、replaceHTMLChar

?

    replaceHTMLChar: s => s.toString().replace(/</g, `&lt;`).replace(/>/g, `&gt;`),// 高亮匹配關鍵詞樣式----------------------------------------highLightMatchString(originStr, matchStr, customClass = ``) {matchStr && (matchStr = matchStr.replace(/[.*+?^${}()|[\]\\]/g, ``));//過濾掉字符串里面的出現的正則表達式字符if (matchStr === ``) return originStr;customClass === true && (customClass = `sg-search-word-highlight`);let newRepStr = (match = matchStr) => customClass ? `<span class=${customClass}>${this.replaceHTMLChar(match)}</span>` : `<b style='color:red;font-weight:bold;'>${this.replaceHTMLChar(match)}</b>`;// return this.replaceHTMLChar(originStr).replace(new RegExp(this.replaceHTMLChar(matchStr), `gi`), newRepStr(matchStr));return this.replaceHTMLChar(originStr).replace(new RegExp(this.replaceHTMLChar(matchStr), `gi`), (match, index) => newRepStr(match));// 返回原始匹配項,如果不希望替換,可以返回match},

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/bicheng/90247.shtml
繁體地址,請注明出處:http://hk.pswp.cn/bicheng/90247.shtml
英文地址,請注明出處:http://en.pswp.cn/bicheng/90247.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

HUAWEI Pura80系列機型參數對比

類別HUAWEI Pura80 UltraHUAWEI Pura80 ProHUAWEI Pura80 ProHUAWEI Pura80建議零售價&#xffe5;9999起&#xffe5;7999起&#xffe5;6499起&#xffe5;4699起顏色鎏光金、鎏光黑釉紅、釉青、釉白、釉黑釉金、釉白、釉黑絲絨金、絲絨綠、絲絨白、絲絨黑外觀材質設計光芒耀…

使用 PyTorch 的 torchvision 庫加載 CIFAR-10 數據集

CIFAR-10是一個更接近普適物體的彩色圖像數據集。CIFAR-10 是由Hinton 的學生Alex Krizhevsky 和Ilya Sutskever 整理的一個用于識別普適物體的小型數據集。一共包含10 個類別的RGB 彩色圖片&#xff1a;飛機&#xff08; airplane &#xff09;、汽車&#xff08; automobile …

藍橋杯51單片機

這是我備考省賽的時候總結的錯誤點和創新點那個時候是用來提醒自己的&#xff0c;現在分享給你們看^_^一考點二注意點記得初始化&#xff39;&#xff14;&#xff0c;&#xff39;&#xff15;&#xff0c;&#xff39;&#xff16;&#xff0c;&#xff39;&#xff17;&…

【2025/07/23】GitHub 今日熱門項目

GitHub 今日熱門項目 &#x1f680; 每日精選優質開源項目 | 發現優質開源項目&#xff0c;跟上技術發展趨勢 &#x1f4cb; 報告概覽 &#x1f4ca; 統計項&#x1f4c8; 數值&#x1f4dd; 說明&#x1f4c5; 報告日期2025-07-23 (周三)GitHub Trending 每日快照&#x1f55…

【生成式AI導論 2024】第12講:淺談檢定大型語言模型能力的各種方式 學習記錄

跟標準答案做對比看是否正確 選擇題是不是正確 MMLU massive multitask Language Understanding MT-bench 使用語言模型來評分 還有其他任務的對比,也有特別刁鉆的問題 閱讀長文的能力 grep kamradt 大海撈針

嵌入式 Qt 開發:實現開機 Logo 和無操作自動鎖屏

在嵌入式設備開發中&#xff0c;為設備添加開機 Logo 和無操作自動鎖屏功能是提升用戶體驗的重要環節。本文將詳細介紹如何在 Qt 嵌入式項目中實現這兩個功能。我們將使用 Qt 5/6 和 Linux 環境&#xff0c;確保代碼的可移植性和通用性。項目結構為了實現這兩個功能&#xff0c…

【AI智能體】Dify 開發與集成MCP服務實戰操作詳解

目錄 一、前言 二、Dify 介紹 2.1 Dify是什么 2.2 MCP 介紹 2.2.1 什么是MCP 2.2.2 MCP核心特性 2.3 Dify中開發與使用MCP介紹 2.3.1 MCP Server開發與使用 2.4 dify 開發MCP Server優勢 三、Dify開發與集成MCP操作過程 3.1 Dify MCP 插件說明 3.2 安裝mcp-server插…

django filter按兩個屬性 去重

在Django中&#xff0c;如果你想基于兩個屬性去重&#xff0c;可以使用distinct()方法并結合annotate()和Count()來實現。這種方法通常用在查詢集中&#xff0c;尤其是在你需要統計基于某些字段的唯一值時。 示例 假設你有一個Person模型&#xff0c;它有兩個字段&#xff1a;f…

PHP高級進階:突破編程邊界,開啟技術新征程

目錄一、PHP 高級函數的深度剖析1.1 回調函數的高級應用1.2 遞歸函數的優化技巧二、面向對象編程的深化2.1 抽象類與接口的實際運用2.2 設計模式在 PHP 中的實現三、PHP 與數據庫交互的高級技術3.1 數據庫連接池的使用3.2 事務處理與數據一致性四、性能優化與調試4.1 代碼性能分…

cx_Freeze python 打包詳解

優點&#xff1a;有時比 PyInstaller 更好處理外部 .pyd做法&#xff1a;安裝 cx_Freezeshpip install cx_Freeze新建 setup.py&#xff1a;pythonfrom cx_Freeze import setup, Executablebuild_exe_options {"packages": ["apscheduler.triggers.interval&qu…

Java字符串不可變性:從安全哲學到性能藝術的完美平衡

目錄 引言 一、什么是String的不可變性&#xff1f; 二、解剖String的“防彈衣”&#xff1a;底層實現機制 1. final的三重防御體系 2. 方法實現的精妙設計 3. 構造函數的防御性編程 三、為什么String必須不可變&#xff1f;設計哲學的五大支柱 1. 字符串常量池&#x…

多服務器批量發布軟件

當需要同時發布程序到多個服務器的時候&#xff0c;常規是通過jekins了但是喜歡了手動檔&#xff0c;直接寫了個簡單批量發布軟件&#xff0c;程序編譯發布后&#xff0c;直接加載配置&#xff0c;選擇對應的服務器&#xff0c;直接電機發布即可&#xff0c;基本可以媲美jekins…

基于.Net Core開源的庫存訂單管理系統

今天給大家推薦一套開源的庫存訂單管理系統。 項目簡介 該項目是基于Asp.Net Core Mvc開發的庫存訂單管理系統&#xff0c;主要實現模塊有倉庫、產品、供應商、客戶、采購訂單、銷售訂單、發貨、收貨等等&#xff0c;該項目是單體架構&#xff0c;技術棧也不是最新的&#xf…

Django學習之旅--第13課:Django模型關系進階與查詢優化實戰

在Django開發中&#xff0c;模型關系設計與查詢性能直接決定了系統的擴展性和效率。當業務場景從簡單的數據存儲升級為復雜的關聯分析&#xff08;如訂單統計、用戶行為分析&#xff09;時&#xff0c;基礎的模型關系和查詢方式已無法滿足需求。本節課將深入講解模型關系的高級…

簡單理解現代Web應用架構:從簡單到企業級

在開發Web應用程序時&#xff0c;理解如何構建一個既安全又高效的系統至關重要。本文將通過介紹從簡單的三層架構到復雜的企業級架構的演變過程&#xff0c;幫助您更好地理解這些概念。1. 基礎架構&#xff1a;React Node.js MySQL前端&#xff08;React&#xff09;&#xf…

修改 Lucide-React 圖標樣式的方法

修改 Lucide-React 圖標樣式的方法 使用 lucide-react 時&#xff0c;你可以通過多種方式修改圖標的樣式。以下是幾種常用的方法&#xff1a; 1. 通過 className 屬性 import { Home } from lucide-react;function MyComponent() {return <Home className"text-blue-50…

神經架構搜索革命:從動態搜索到高性能LLM的蛻變之路

本文將揭示如何通過神經架構搜索技術&#xff08;NAS&#xff09;自動發現最優網絡結構&#xff0c;并將搜索結果轉化為新一代高性能大型語言模型的核心技術。我們的實驗證明&#xff0c;該方法在同等計算資源下可實現80%的性能飛躍&#xff01;第一部分&#xff1a;神經架構搜…

【LeetCode 熱題 100】78. 子集——(解法三)位運算

Problem: 78. 子集 題目&#xff1a;給你一個整數數組 nums &#xff0c;數組中的元素 互不相同 。返回該數組所有可能的子集&#xff08;冪集&#xff09;。 解集 不能 包含重復的子集。你可以按 任意順序 返回解集。 文章目錄整體思路完整代碼時空復雜度時間復雜度&#xff1…

XCKU035?1SFVA784C Xilinx FPGA KintexUltraScale AMD

XCKU035?1SFVA784C 屬于 Xilinx Kintex UltraScale 系列&#xff0c;基于領先的 20?nm FinFET 技術制程&#xff0c;旨在為中高端應用提供卓越的性能與功耗平衡。該器件采用 784?ball Fine?pitch BGA&#xff08;SFVA784&#xff09;封裝&#xff0c;速度等級?1&#xff0…

Encore.ts:下一代高性能 TypeScript 后端框架的崛起

在 Node.js 生態系統中&#xff0c;后端框架的選擇直接影響 API 的性能、開發體驗和可維護性。近年來&#xff0c;Elysia.js、Hono、Fastify 等框架憑借各自的優化策略嶄露頭角&#xff0c;而 Encore.ts 則憑借 Rust TypeScript 混合架構&#xff0c;在性能上實現了質的飛躍。…