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