วิธีที่ MDN ใช้ทำระบบค้นหาแบบเติมคำอัตโนมัติ
(hacks.mozilla.org)- เมื่อผู้ใช้พยายามค้นหาอะไรบางอย่าง จะดาวน์โหลดดัชนีชื่อบทความจำนวน 11,690 รายการลงมา แล้วทำการค้นหาแบบโลคัล
→ ไฟล์ JSON ขนาด 144KB ที่บีบอัดด้วย Brotli (title,url)
→ เมื่อ onmouseover, onfocus บนช่องค้นหา หรือเมื่อกด '/' ที่ใดก็ได้ในเอกสาร จะถือว่าเป็นการเริ่มค้นหาและดาวน์โหลดไฟล์ (ไฟล์ข้อมูลและไฟล์ฟังก์ชันค้นหา)
- หลังจากดาวน์โหลดไฟล์ข้อมูลแล้ว จะสร้างดัชนีด้วยไลบรารี FlexSearch และจัดการ UI ด้วย downshift
→ FlexSearch : ไลบรารีค้นหา full-text ที่รวดเร็ว
→ downshift : คอมโพเนนต์เติมคำอัตโนมัติสำหรับ React
→ ผลลัพธ์ใดจะถูกแสดงก่อน ถูกกำหนดโดยการเรียงลำดับตาม PV ตอนสร้างข้อมูล JSON ฝั่งเซิร์ฟเวอร์ และจะแสดงตามลำดับนั้น
ยังไม่มีความคิดเห็น