MDN’nin arama otomatik tamamlama uygulama yöntemi
(hacks.mozilla.org)<p>- Kullanıcı bir şey aramak istediğinde 11.690 yazı başlığı dizinini indirip yerelde arama yapıyor<br />
→ Brotli ile sıkıştırılmış 144 KB’lık bir JSON dosyası (`title`,`url`)<br />
→ Arama kutusunda `onmouseover`, `onfocus` olduğunda veya belgenin herhangi bir yerinde `/` girildiğinde bunu aramanın başlangıcı olarak algılayıp dosyayı indiriyor (veri dosyası ve arama fonksiyonu dosyası)<br />
- Veri dosyasını indirip FlexSearch kütüphanesiyle dizini oluşturuyor ve UI işlemlerini downshift ile yapıyor <br />
→ FlexSearch: hızlı bir full-text arama kütüphanesi <br />
→ downshift: React için otomatik tamamlama bileşeni<br />
→ Hangi sonucun önce gösterileceği, sunucuda JSON verisi oluşturulurken PV’ye göre sıralanıyor ve sonuçlar bu sıraya göre geliyor</p>
Henüz yorum yok.