使用 FlexSearch 实现快速且自动完成的内容搜索

您所在的位置:网站首页 为什么属羊的女人命苦不好 使用 FlexSearch 实现快速且自动完成的内容搜索

使用 FlexSearch 实现快速且自动完成的内容搜索

2023-03-22 03:29| 来源: 网络整理| 查看: 265

GayHub

https://github.com/nextapps-de/flexsearch

Web 最快且最具内存灵活性的全文搜索库,零依赖。

根据文档,FlexSearch 可在 Node.js 或 Web 端使用

 

背景

做 Snapaper 的最初就有想过做搜索功能,但进行各种搜寻研究后并没有找到合适的方案:

比如:js实现页内搜索、爬取原网站搜索结果等...

偶然刷 Github Trend 的时候发现了 FlexSearch,使用简单且高效。刚好在 Web 也提供了支持。

配合 Vue.js 食用更是不亦乐乎 🙂

 

代码 var open_search = function(){ $('#search_div').css({'opacity':'1','z-index':'100'}); } var close_search = function(){ $('#search_div').css({'opacity':'0','z-index':'-100'}); } var search = new FlexSearch({ encode: "icase", tokenize: "full" }); new Vue({ el: '#search_div', data: { papers: null, cate: cate_get, sub: sub_get, searched : [], search_key : null }, mounted() { axios.get('url') .then(response => { this.papers = response.data; this.count = response.data.count; }).then(()=>{ for(var i_k=0;i_k


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3