Požiadavky: Pridať funkcie full-textového vyhľadávania do front-endu, ako sú menu, chatové správy a podobne. Na backende je mnoho fulltextového vyhľadávacieho middleware, ako sú ElasticSearch, Lucene, Solr, SQL Server zabudované a podobne. Ako dosiahnuť fulltextové vyhľadávanie na front-ende bez spoliehania sa na back-end rozhranie?
Revízia:
Fuse.js Výkonná, ľahká fuzzy vyhľadávacia knižnica, napísaná v JavaScripte bez akýchkoľvek závislostí.
Oficiálna webová stránka:Prihlásenie na hypertextový odkaz je viditeľné. Zdroj:Prihlásenie na hypertextový odkaz je viditeľné. Konfigurácia parametrov:Prihlásenie na hypertextový odkaz je viditeľné.
Tento článok používa Angular 19 + fuse.js na implementáciu funkcie vyhľadávania v plnom texte a vykresľovanie je nasledovné:
Inštalácia NPM
Kód:
Výstup:
[ { "item": { "názov": "Right Ho Jeeves", "autor": "P.D. Mans", "tagy": ["fikcia", "vojna"] }, "refIndex": 1, // index v pôvodnom zozname "skóre": 0.12282280261157906 }, { "item": { "názov": "Vojnová fikcia starého muža", "autor": "John X", "tagy": ["vojna"] }, "refIndex": 0, "skóre": 0.3807307877431757 }
] Poznámka:Čím menšie je skóre, tým je presnejšie, teda čím vyššia zhoda.
Referencia:Prihlásenie na hypertextový odkaz je viditeľné. |