Вимоги: Додайте функції повнотекстового пошуку на фронтенді, такі як меню, чат-повідомлення тощо. На бекенді є багато повнотекстових пошукових проміжних програм, таких як ElasticSearch, Lucene, Solr, вбудований SQL Server тощо. Як досягти повнотекстового пошуку на фронтенді, не покладаючись на бекенд-інтерфейс?
Огляд:
Fuse.js Потужна, легка бібліотека нечіткого пошуку, написана на JavaScript без жодних залежностей.
Офіційний вебсайт:Вхід за гіперпосиланням видно. Джерело:Вхід за гіперпосиланням видно. Конфігурація параметрів:Вхід за гіперпосиланням видно.
У цій статті використовується Angular 19 + fuse.js для реалізації функції повнотекстового пошуку, а відображення виглядає так:
Встановлення NPM
Код:
Вихід:
[ { "item": { "title": "Right Ho Jeeves", "автор": "P.D. Mans", "теги": ["вигадка", "війна"] }, "refIndex": 1, // індекс у оригінальному списку "бал": 0.12282280261157906 }, { "item": { "title": "Художня література про Стару війну", "автор": "Джон Ікс", "теги": ["війна"] }, "refIndex": 0, "бал": 0.3807307877431757 }
] Зауваження:Чим менший бал, тим точніший він, тобто чим вищий збіг.
Посилання:Вхід за гіперпосиланням видно. |