Požadavky: Přidat funkce fulltextového vyhledávání do front-endu, jako jsou menu, chatovací zprávy atd. Na backendu je mnoho middleware pro vyhledávání v plném textu, jako jsou ElasticSearch, Lucene, Solr, SQL Server vestavěný atd. Jak dosáhnout vyhledávání v plném textu na front-endu, aniž byste se spoléhali na back-end rozhraní?
Přezkoumání:
Fuse.js Výkonná, lehká fuzzy vyhledávací knihovna, napsaná v JavaScriptu bez jakýchkoli závislostí.
Oficiální webové stránky:Přihlášení k hypertextovému odkazu je viditelné. Zdroj:Přihlášení k hypertextovému odkazu je viditelné. Konfigurace parametrů:Přihlášení k hypertextovému odkazu je viditelné.
Tento článek používá Angular 19 + fuse.js k implementaci funkce vyhledávání v plném textu a jeho zobrazení je následující:
Instalace NPM
Kód:
Výstup:
[ { "item": { "název": "Správný Ho Jeeves", "autor": "P.D. Mans", "tags": ["fikce", "válka"] }, "refIndex": 1, // index v původním seznamu "skóre": 0.12282280261157906 }, { "item": { "název": "Fikce o staré válce", "autor": "John X", "tagy": ["válka"] }, "refIndex": 0, "skóre": 0,3807307877431757 }
] Poznámka:Čím menší je skóre, tím je přesnější, tedy čím vyšší shoda.
Odkaz:Přihlášení k hypertextovému odkazu je viditelné. |