JavaScript中怎么实现站内离线搜索

这篇文章将为大家详细讲解有关JavaScript 中怎么实现站内离线搜索，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

网站的建设成都创新互联专注网站定制,经验丰富,不做模板,主营网站定制开发.小程序定制开发,H5页面制作!给你焕然一新的设计体验!已为主动防护网等企业提供专业服务。

简单示例

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")

这将返回一个匹配文档列表，其中包含与搜索查询的匹配程度以及与该匹配相关的任何关联元数据的分数：

[   {     "ref": "1",     "score": 0.3535533905932737,     "matchData": {       "metadata": {         "love": {           "body": {}         }       }     }   } ]

安装

只需在要使用它的页面中包含lunr.js源文件。所有现代浏览器均支持Lunr.js。

npm install lunr

特性

(翻译或不够准确)

• 全文搜索支持14种语言

• 在查询时提升术语或在索引时提升整个文档

• 范围搜索到特定字段

• 模糊术语与通配符匹配或编辑距离

关于JavaScript 中怎么实现站内离线搜索就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。