Vereisten: Voeg volledige tekstzoekfuncties toe aan de front-end, zoals menu's, chatberichten, enzovoort. Er zijn veel full-text zoekmiddleware op de backend, zoals ElasticSearch, Lucene, Solr, SQL Server built-in, enzovoort. Hoe bereik je full-text search op de front-end zonder afhankelijk te zijn van de back-end interface?
Recensie:
Fuse.js Krachtige, lichtgewicht fuzzy zoekbibliotheek, geschreven in JavaScript zonder afhankelijkheden.
Officiële website:De hyperlink-login is zichtbaar. Bron:De hyperlink-login is zichtbaar. Parameterconfiguratie:De hyperlink-login is zichtbaar.
Dit artikel gebruikt Angular 19 + fuse.js om de full-text zoekfunctie te implementeren, en de weergave is als volgt:
NPM-installatie
Code:
Uitvoer:
[ { "item": { "titel": "Right Ho Jeeves", "auteur": "P.D. Mans", "Tags": ["fictie", "oorlog"] }, "refIndex": 1, // index in de originele lijst "score": 0,12282280261157906 }, { "item": { "titel": "Old Man's War-fictie", "auteur": "John X", "Tags": ["War"] }, "refIndex": 0, "score": 0,3807307877431757 }
] Opmerking:Hoe kleiner de score is, hoe nauwkeuriger deze is, dat wil zeggen, hoe hoger de match.
Referentie:De hyperlink-login is zichtbaar. |