Cara MDN Mengimplementasikan Autocomplete Pencarian
(hacks.mozilla.org)<p>- Saat pengguna hendak mencari sesuatu, indeks berisi 11.690 judul artikel diunduh lalu pencarian dilakukan secara lokal<br />
→ File JSON `144KB` yang dikompresi dengan Brotli (`title,url`)<br />
→ Saat `onmouseover`, `onfocus` pada kotak pencarian, atau ketika `/` ditekan di seluruh dokumen, itu dikenali sebagai awal pencarian sehingga file diunduh (file data dan file fungsi pencarian)<br />
- Setelah file data diunduh, indeks dibangun dengan library FlexSearch dan UI ditangani dengan downshift <br />
→ FlexSearch: library pencarian full-text yang cepat <br />
→ downshift: komponen autocomplete untuk React<br />
→ Hasil yang ditampilkan lebih dulu ditentukan dengan mengurutkan data JSON di server berdasarkan PV, lalu ditampilkan mengikuti urutan tersebut</p>
Belum ada komentar.