Krav: Lägg till fulltextsökningsfunktioner i front-end, såsom menyer, chattmeddelanden med mera. Det finns många fulltext-sökmiddleware på backend, såsom ElasticSearch, Lucene, Solr, SQL Server inbyggt, etc. Hur får man fulltextsökning på frontend utan att förlita sig på backend-gränssnittet?
Recension:
Fuse.js Kraftfullt, lättviktigt fuzzy sökbibliotek, skrivet i JavaScript utan några beroenden.
Officiell webbplats:Inloggningen med hyperlänken är synlig. Källa:Inloggningen med hyperlänken är synlig. Parameterkonfiguration:Inloggningen med hyperlänken är synlig.
Den här artikeln använder Angular 19 + fuse.js för att implementera fulltextsökningsfunktionen, och renderingen är följande:
NPM-installation
Kod:
Utdata:
[ { "item": { "titel": "Right Ho Jeeves", "författare": "P.D. Mans", "taggar": ["fiktion", "krig"] }, "refIndex": 1, // index i den ursprungliga listan "poäng": 0,12282280261157906 }, { "item": { "titel": "Old Man's War-fiktion", "författare": "John X", "taggar": ["krig"] }, "refIndex": 0, "poäng": 0,3807307877431757 }
] Anmärkning:Ju mindre poängen är, desto mer exakt är den, det vill säga, ju högre match.
Hänvisning:Inloggningen med hyperlänken är synlig. |