建站
咨詢
售后
建站咨詢
新聞中心
介紹
成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),沐川企業(yè)網(wǎng)站建設(shè),沐川品牌網(wǎng)站建設(shè),網(wǎng)站定制,沐川網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,沐川網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
Lunr.js是個用于瀏覽器的輕量級 JavaScript 全文搜索引擎。它為JSON文檔建立索引，并提供一個簡單的搜索界面來檢索與文本查詢比較匹配的文檔對于一些小型的博客、開發(fā)者文檔或 Wiki 網(wǎng)站來說,完全可以通過它實現(xiàn)站內(nèi)離線搜索:
為什么使用它?
對于已經(jīng)將所有數(shù)據(jù)存儲在客戶端中的Web應用程序，也能夠在客戶端上搜索該數(shù)據(jù)也是很有意義的。這樣可以節(jié)省在服務器上添加額外的壓縮服務。本地搜索索引將更快，沒有網(wǎng)絡(luò)開銷，并且即使沒有網(wǎng)絡(luò)連接也將保持可用。
Github
目前Github上star數(shù)6.6k
- https://github.com/olivernn/lunr.js
簡單示例
- var idx = lunr(function () {
- this.field('title')
- this.field('body')
- this.add({
- "title": "Twelfth-Night",
- "body": "If music be the food of love, play on: Give me excess of it…",
- "author": "William Shakespeare",
- "id": "1"
- })
- })
然后再像下面這樣
- idx.search("love")
這將返回一個匹配文檔列表，其中包含與搜索查詢的匹配程度以及與該匹配相關(guān)的任何關(guān)聯(lián)元數(shù)據(jù)的分數(shù)：
- [
- {
- "ref": "1",
- "score": 0.3535533905932737,
- "matchData": {
- "metadata": {
- "love": {
- "body": {}
- }
- }
- }
- }
- ]
安裝
只需在要使用它的頁面中包含lunr.js源文件。所有現(xiàn)代瀏覽器均支持Lunr.js。
- npm install lunr
特性
(翻譯或不夠準確)
- 全文搜索支持14種語言
- 在查詢時提升術(shù)語或在索引時提升整個文檔
- 范圍搜索到特定字段
- 模糊術(shù)語與通配符匹配或編輯距離
總結(jié)
在之前的文章中介紹過另一個全文搜索庫FlexSearch.js，感興趣的小伙伴也可以去看一看介紹，在這里也提前祝大家工作順利，萬事如意，身體健康!
本文名稱：一個輕量級JavaScript全文搜索庫，輕松實現(xiàn)站內(nèi)離線搜索
網(wǎng)站網(wǎng)址：http://m.5511xx.com/article/djgooeg.html
