【鸿蒙南向开发】开源三方库Fuse.js：强大、轻巧、零依赖的模糊搜索库

最新推荐文章于 2024-08-08 07:11:06 发布

「已注销」

最新推荐文章于 2024-08-08 07:11:06 发布

阅读量1k

点赞数 7

分类专栏：安卓前端鸿蒙文章标签： harmonyos javascript 华为 android 鸿蒙前端

本文链接：https://blog.csdn.net/HarmonyOS_666/article/details/140740042

版权

前端同时被 3 个专栏收录

199 篇文章 0 订阅

订阅专栏

鸿蒙

199 篇文章 8 订阅

订阅专栏

安卓

198 篇文章 0 订阅

订阅专栏

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组件

ohpm install @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源码进行研究和使用。同时也欢迎更多开发者与我们共享开发成果，分享技术解读与经验心得。

写在最后

有很多小伙伴不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，最终浪费大量时间。所以有一份实用的鸿蒙（HarmonyOS NEXT）文档用来跟着学习是非常有必要的。

这份鸿蒙（HarmonyOS NEXT）文档包含了鸿蒙开发必掌握的核心知识要点，内容包含了（ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、OpenHarmony南向开发、鸿蒙项目实战等等）鸿蒙（HarmonyOS NEXT）技术知识点。