摘要:搜索結果文字高亮顯示實際項目中的文字高亮自己實現的方法,本來可以使用過濾器我懶就寫了個方法直接上代碼上面是方法高亮方法是需要高亮的句子是高亮關鍵字數組去重句子變成數組對句子數組進行循環數組轉字符串估計都會就是基礎的方法具體看注釋
搜索結果文字高亮顯示
-實際項目中的文字高亮 自己實現的方法,本來可以使用vue過濾器 我懶就寫了個方法 直接上代碼
{{}}
上面highLifht是方法
//高亮方法
highLight: function(msg, highLightStr) {
//msg 是需要高亮的句子 highLightStr 是高亮關鍵字
let arr = highLightStr.split("");
arr = Array.from(new Set(arr)); //es6 數組去重
let arrmsg = msg.split(""); //句子變成數組
for (let j = 0; j < arrmsg.length; j++) {
//對句子數組進行循環
for (let item of arr) {
if (
arrmsg[j] === item.toUpperCase() ||
arrmsg[j] === item.toLowerCase()
) {
arrmsg[j] =
"" + arrmsg[j] + "";
}
}
}
return arrmsg.join(""); //數組轉字符串
},
估計都會 就是基礎的方法 具體看注釋
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/106874.html
摘要:終極解決方案所以我們要統一環境,直接使用渲染我們的組件,文檔可以參照音樂標題歌手專輯時長省去一些細節注意需要放在中,的透傳也不要忘了,這樣我們在外部想使用的一些屬性和事件才比較方便。 背景介紹 最近在做vue高仿網易云音樂的項目,在做的過程中發現音樂表格這個組件會被非常多的地方復用,而且需求比較復雜的和靈活。 預覽地址 源碼地址 圖片預覽 歌單詳情 showImg(https://se...
摘要:最近項目遇到一個小需求,就是在一段文字中,高亮幾個關鍵詞,例如以下文字京東是中國一家自營式購物網站,創始人劉強東擔任京東集團。年月日,京東集團宣布正式組建京東物流子集團。 最近項目遇到一個小需求,就是在一段文字中,高亮幾個關鍵詞,例如以下文字: 京東(JD.com)是中國一家自營式B2C購物網站,創始人劉強東擔任京東集團CEO。旗下設有京東商城、京東金融、拍拍網、京東智能、O2O及海外...
摘要:最近項目遇到一個小需求,就是在一段文字中,高亮幾個關鍵詞,例如以下文字京東是中國一家自營式購物網站,創始人劉強東擔任京東集團。年月日,京東集團宣布正式組建京東物流子集團。 最近項目遇到一個小需求,就是在一段文字中,高亮幾個關鍵詞,例如以下文字: 京東(JD.com)是中國一家自營式B2C購物網站,創始人劉強東擔任京東集團CEO。旗下設有京東商城、京東金融、拍拍網、京東智能、O2O及海外...
摘要:最近項目遇到一個小需求,就是在一段文字中,高亮幾個關鍵詞,例如以下文字京東是中國一家自營式購物網站,創始人劉強東擔任京東集團。年月日,京東集團宣布正式組建京東物流子集團。 最近項目遇到一個小需求,就是在一段文字中,高亮幾個關鍵詞,例如以下文字: 京東(JD.com)是中國一家自營式B2C購物網站,創始人劉強東擔任京東集團CEO。旗下設有京東商城、京東金融、拍拍網、京東智能、O2O及海外...
1. 什么是劃詞高亮? 有些同學可能不太清楚劃詞高亮是指什么,下面就是一個典型的劃詞高亮: showImg(https://segmentfault.com/img/remote/1460000018981816?w=1195&h=720); 上圖的示例網站可以點擊這里訪問。用戶選擇一段文本(即劃詞),即會自動將這段選取的文本添加高亮背景,用戶可以很方便地為網頁添加在線筆記。 筆者前段時間為線上業...
閱讀 2706·2023-04-26 02:02
閱讀 2571·2023-04-25 20:38
閱讀 4098·2021-09-26 09:47
閱讀 3092·2021-09-10 10:50
閱讀 3765·2021-09-07 09:58
閱讀 3326·2019-08-30 15:54
閱讀 2694·2019-08-30 15:54
閱讀 1918·2019-08-29 17:03