Wie MDN die Such-Autovervollständigung implementiert
(hacks.mozilla.org)<p>- Wenn Nutzer etwas suchen möchten, wird ein Index mit 11.690 Artikeltiteln heruntergeladen und die Suche lokal ausgeführt<br />
→ Eine mit Brotli komprimierte 144-KB-JSON-Datei (`title,url`)<br />
→ Der Download wird ausgelöst, wenn auf das Suchfeld `onmouseover` oder `onfocus` erfolgt oder irgendwo im Dokument `/` eingegeben wird und dies als Start einer Suche erkannt wird (Datendatei und Datei mit Suchfunktionen)<br />
- Nach dem Herunterladen der Datendatei wird mit der Bibliothek FlexSearch ein Index aufgebaut und die UI mit downshift verarbeitet <br />
→ FlexSearch: schnelle Full-Text-Suchbibliothek <br />
→ downshift: Autovervollständigungs-Komponente für React<br />
→ Welche Ergebnisse zuerst angezeigt werden, wird serverseitig beim Erstellen der JSON-Daten nach PV sortiert und anschließend in dieser Reihenfolge ausgegeben</p>
Noch keine Kommentare.