问题标签 [fuse.js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
520 浏览

backbone.js - Backbone.js Fuse.js 渲染过滤集合

我试图添加一个模糊搜索功能来过滤集合中的对象。控制台显示 Fuse 工作正常并返回正确的对象。现在的问题是如何将过滤后的集合传递给要呈现的视图。

这是集合:

这是我的看法

任何见解将不胜感激。

0 投票
2 回答
141 浏览

javascript - 在 Django 上下文变量上使用 Javascript 搜索算法

我想要做的是在加载页面时显示所有数据的网页上提供搜索功能。数据集不是很大(想想 <500 个项目),因此提供一些不需要页面刷新(或任何相关请求)的搜索功能会非常用户友好。我查看了一些有趣的 Javascript 库(总结在这个答案中),尤其是Fuse.jsLunr.js看起来非常适合我的场景。

问题是我不知道如何将这些库(似乎专门通过 JSON 搜索)应用到 Django 传递的上下文中。我只触及了 Django 功能的表面,因为我几天前才开始研究它,所以如果我遗漏了一些明显的东西,请原谅我。谢谢!

0 投票
0 回答
281 浏览

javascript - 从overpass api制作的json层中按键搜索对象

我正在根据传单构建体育设施地图。我使用 Overpass API 来获取对象数据并为一种类型的体育设施制作一个图层组。

接下来我制作了一个图层,包含我所有的运动设施

之后,我尝试添加 fuse.js[1] 和 Leaflet.Control.Search [2] 以通过名称“tags.name”或键入“tags.sport”来查找对象。

搜索工具出现但找不到任何对象。请告诉我我的代码有什么问题,如果可能的话,它应该是什么样子。

[1] https://github.com/krisk/fuse

[2] http://labs.easyblog.it/maps/leaflet-search/examples/fuzzy.html

0 投票
1 回答
107 浏览

json - 使用 json.dumps、序列化程序和 fuse.js 搜索 Django 对象

我有一个 Django 对象(消息)列表,我正在尝试使用 Fuse.js ( http://kiro.me/projects/fuse.html ) 进行搜索。据我了解,Fuse 只接受 JSON 数组。我使用 Django 的序列化程序来序列化我的列表,然后 JSON 转储将新格式化的数据传递给我的 Django 模板。搜索似乎正在工作(有点),但它只返回索引而不是对象,我不知道为什么。此外,它仅在您一次搜索一个字符时才有效。请原谅我对这一切如此陌生。. . 如果我的问题甚至没有意义,请告诉我。这是我搜索字母“T”时控制台输出的示例。完整数组位于顶部,搜索结果为蓝色:

在此处输入图像描述

这是我的看法:

还有我的模板:

有任何想法吗??:)

0 投票
1 回答
1882 浏览

javascript - Fuse.js 库 - 按字母顺序排列结果

我正在使用 Kiro RiskFuse.js搜索数组中的一堆对象。我不确切知道它的算法是如何工作的,但我可以看到它使用分数来根据单词匹配对结果列表进行排序。

我查看了它是否具有这些情况的任何属性,但没有。 Fuse.js 网址: http ://fusejs.io/

有人遇到过同样的情况并且知道一个技巧,或者应该更好地获得 Fuse 结果,然后将其传递给另一个函数以按字母顺序对其进行排序?

0 投票
2 回答
8046 浏览

javascript - Fuse.js:类似对象的数组中的模糊搜索

我想对具有平面层次结构的对象执行模糊搜索。在 Fuse.js 的演示页面上,您必须指定要在对象中查找的键。不幸的是,我没有特定的标识符。

Fuse.js 演示:

我的设置:

0 投票
1 回答
4299 浏览

angular - 在 Angular 2 应用程序(打字稿)中使用 fuse.js

我尝试在 angular2 应用程序中导入 fuse.js,但出现异常(未定义 Fuse)。我还检查了包中的定义文件(index.d.ts)。

我的打字稿课是:

我也试过

使用这个库的正确方法是什么?

0 投票
2 回答
3254 浏览

typescript - 为什么当 TypeScript 编译器找不到时,Webpack 找不到模块?

我正在尝试在我的 TypeScript 应用程序中使用Fuse 。我正在使用import * as fuselib from 'fuse.js';. 这与tsc. 我遇到的问题是当我使用webpack --config config/webpack.prod.js --progress --profile --bail.

我收到错误Cannot find module 'fuse.js'Fuse类型可以在这里找到。查看我编译的 JS,我找不到单词fuse.js,所以我猜测 Webpack 正在修改名称。我尝试忽略fuse.js中的关键字UglifyJsPlugin,但这没有帮助。

我的 Webpack 配置非常标准。

webpack.prod.js

webpack.common.js

为了让 Webpack 看到模块,我缺少什么fuse.js

0 投票
1 回答
541 浏览

javascript - 使用 Fuse.js 返回多个值

我正在使用 Fuse.js 对 JSON 结构执行模糊搜索。我的 JSON 中的每个对象都包含四个变量:video-titlevideo-tags和。video-descvideo-url

我可以返回所有这四个属性,或者返回 ID 属性。但是,我想返回三个属性,即标题、描述和 URL。

我怎样才能做到这一点?

0 投票
2 回答
3526 浏览

javascript - Fuse.js 构造函数问题

我试图通过 fuse.js 向我的项目添加一个模糊搜索库。我包括以下几行,我得到一个构造函数错误,我试图重新安装保险丝,但我想知道错误可能出在哪里。