0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

【开源三方库】Fuse.js:强大、轻巧、零依赖的模糊搜索库

OpenAtom OpenHarmony 来源:未知 2023-10-10 21:10 次阅读

点击蓝字 ╳ 关注我们


开源项目 OpenHarmony
是每个人的 OpenHarmony

曹天恒

公司:中国科学院软件研究所

小组:知识体系工作组


1.简介

Fuse.js是一款功能强大且轻量级的JavaScript模糊搜索库,支持OpenAtom OpenHarmony(以下简称“OpenHarmony”)操作系统,它具备模糊搜索和排序等功能。该库高性能、易于使用、高度可配置,支持多种数据类型和多语言搜索,适用于各种场景,如搜索引擎、电子商务网站和数据可视化,可以帮助用户在包含大量数据的环境中快速地找到相关的搜索结果,并支持高度可定制化的搜索选项。


2.开发环境

安装IDE:支持DevEco Studio 4.0 Beta2(Build Version 4.0.0.400)版本。
安装SDK:OpenHarmony API version 9及以上版本。

3.使用方法

使用前需要先安装ohpm-cli
请参考安装教程
https://ohpm.openharmony.cn/#/cn/help/quickstart

1、下载@isrc/fuse.js组件
ohpminstall@isrc/fuse.js–-save
2、在page页面导入
import Fuse from "@isrc/fuse.js"
3、准备数据集
// 创建一个包含书籍信息的列表数组,作为待搜索的数据
var list = [
{
"title": "Old Man's War",
"author": "John Scalzi",
"tags": ["fiction"]
},
{
"title": "The Lock Artist",
"author": "Steve",
"tags": ["thriller"]
}
]
4、创建搜索实例
// 配置搜索选项,包括启用分数计算和指定搜索的键(作者和标签
var options = {
includeScore: true,
// 在 'author' 和 'tags' 数组中进行搜索
keys: ['author', 'tags']
}


// 创建一个 Fuse 搜索实例,将列表和选项传递给它
var fuse = new Fuse(list, options)
5、执行搜索,如下示例,搜索结果会存储到result变量中
// 使用 Fuse 搜索实例执行搜索,查找包含 'tion' 的结果
var result = fuse.search('tion')
搜索结果数据结构(result变量内容)示例如下:
[
{
"item": {
"title": "Old Man's War",
"author": "John Scalzi",
"tags": ["fiction"]
},
"refIndex": 0,
"score": 0.03
}
]
可以将变量传入相应显示控件,进行搜索结果展示。
Fuse.js支持的搜索配置选项还包括:


更多使用方式和接口可参考库的使用文档:https://ohpm.openharmony.cn/#/cn/detail/@isrc%2Ffuse.js


4.结语

通过本篇文章介绍,您对OpenHarmony Fuse.js组件应该有了初步的了解。我们所有的源码和指导文档都已经开源,如果您对本篇文章内容以及所实现的Demo感兴趣,可以根据本篇文章介绍自行下载OpenHarmony Fuse.js源码进行研究和使用。同时也欢迎更多开发者与我们共享开发成果,分享技术解读与经验心得。

OpenHarmony Fuse.js源码:

https://gitee.com/pommejason/isrc_fuse.js



原文标题:【开源三方库】Fuse.js:强大、轻巧、零依赖的模糊搜索库

文章出处:【微信公众号:OpenAtom OpenHarmony】欢迎添加关注!文章转载请注明出处。

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 鸿蒙
    +关注

    关注

    57

    文章

    2301

    浏览量

    42668
  • OpenHarmony
    +关注

    关注

    25

    文章

    3628

    浏览量

    16030

原文标题:【开源三方库】Fuse.js:强大、轻巧、零依赖的模糊搜索库

文章出处:【微信号:gh_e4f28cfa3159,微信公众号:OpenAtom OpenHarmony】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    鸿蒙Flutter实战:05-使用第三方插件

    使用的第三方插件,其底层以的没有适配鸿蒙,则需要通过overrider配置其鸿蒙化的替代插件,否则会在运行时报错。如下面所示: ```yaml dependency_overrides: # ohos
    发表于 10-22 21:54

    阿里云与中兴通讯达成开源数据合作

    近日,阿里云与中兴通讯宣布达成开源数据领域的深度合作。中兴通讯正式加入PolarDB开源社区,并荣任首届理事会成员单位,这一举措标志着两大科技巨头在数据领域的合作迈向新的高度。
    的头像 发表于 05-17 10:47 505次阅读

    Labview如何内嵌操作第三方EXE程序!

    自己在网上搜了下相关资料,能把第三方EXE内嵌进入容器里,但是有个问题,这个第三方软件必须手动拖到容器正中间,手动最大化。请问有什么方法可以自动实现吗? 下图是我内嵌的POLL 软件。如图!
    发表于 04-18 14:26

    鸿蒙OS开发学习:【第三方调用】

    在Stage模型中,如何调用已经上架到[三方中心]的社区和项目内创建的本地
    的头像 发表于 04-14 11:34 851次阅读
    鸿蒙OS开发学习:【第<b class='flag-5'>三方</b><b class='flag-5'>库</b>调用】

    鸿蒙开发实战:网络请求【axios】

    [Axios] ,是一个基于 promise 的网络请求,可以运行 node.js 和浏览器中。本基于[Axios]原v1.3.4版本进行适配,使其可以运行在 OpenHarmo
    的头像 发表于 03-25 16:47 3554次阅读
    鸿蒙开发实战:网络请求<b class='flag-5'>库</b>【axios】

    鸿蒙开发学习:【OpenHarmony HAR】

    OpenHarmony js/ts三方使用的是OpenHarmony静态共享包,即HAR(Harmony Archive),可以包含js/ts代码、c++
    的头像 发表于 03-18 16:27 648次阅读

    【坚果派】JS开源适配OpenHarmony系列——第一期实操

    由于OpenHarmony应用是基于ArkTS开发,而ArkTS是在保持TypeScript(简称TS)基础语法风格的基础上,对TS的动态类型特性施加更严格的约束,引入静态类型。因此在开发OpenHarmony三方时,建议首选在成熟的
    的头像 发表于 12-26 10:48 1004次阅读
    【坚果派】<b class='flag-5'>JS</b><b class='flag-5'>开源</b><b class='flag-5'>库</b>适配OpenHarmony系列——第一期实操

    OpenHarmony开源GPUMesa3D适配说明

    ,对下使用Gallium框架,屏蔽驱动差异。在RK3568中,panfrost对ARM GPU提供了非常好的开源驱动支持。 二、适配方法 在RK3568 GPU 开源mesa3D适配时,我们同时
    发表于 12-25 11:38

    直播预告 | 开源赋能系列课程【第5期】精彩来袭!

    时间: 2023/12/19  1900 本期嘉 宾 : 马迪欣 ,OpenHarmony三方技术专家 本期主题: 《OpenHarmony三方开发》   记得准时扫描海报上的直播
    的头像 发表于 12-19 08:36 560次阅读
    直播预告 | <b class='flag-5'>开源</b>赋能系列课程【第5期】精彩来袭!

    Facebook开源StyleX如何在JavaScript中写CSS呢?

    Meta(原 Facebook)开源了全新的 CSS-in-JS StyleX。
    的头像 发表于 12-14 10:03 639次阅读

    Python编程的十大依赖有哪些

    Pandas是数据科学家的得力工具,它提供了强大的数据结构和数据分析功能。无论您需要进行数据清洗、分析还是可视化,Pandas都能帮您事半功倍。
    的头像 发表于 12-13 10:29 771次阅读

    python第三方有哪些

    Python 作为一门功能强大的编程语言,拥有丰富的第三方,几乎覆盖了各个领域的应用。下面是一些常见且广泛应用的 Python 第三方
    的头像 发表于 11-29 14:31 2059次阅读

    开源三方】Arouter:一款轻量、高效的页面路由工具

    点击蓝字 ╳ 关注我们 开源项目 OpenHarmony 是每个人的 OpenHarmony 孙澳 OpenHarmony知识体系组 简介 Arouter是一款适用于OpenAtom
    的头像 发表于 11-24 21:15 1165次阅读
    【<b class='flag-5'>开源</b><b class='flag-5'>三方</b><b class='flag-5'>库</b>】Arouter:一款轻量、高效的页面路由工具

    OpenAtom OpenHarmony 三方创建发布及安全隐私检测

    ,通常在应用开发中通过N-API暴露JS接口的方式使用,或直接编译在OpenHarmony操作系统镜像中。 鼓励开发者通过OpenHarmony三方中心仓(地址为:https
    发表于 11-13 17:27

    开源三方】Easyui:基于OpenAtom OpenHarmony ArkUI深度定制的组件框架

    点击蓝字 ╳ 关注我们 开源项目 OpenHarmony 是每个人的 OpenHarmony 万冬阳 公司:中国科学院软件所 小组:知识体系工作组 简介 Easyui是一套基于ArkTS语言开发的轻
    的头像 发表于 11-09 10:55 634次阅读
    【<b class='flag-5'>开源</b><b class='flag-5'>三方</b><b class='flag-5'>库</b>】Easyui:基于OpenAtom OpenHarmony ArkUI深度定制的组件框架