การปรับปรุงประสิทธิภาพการเลื่อนด้วย Listener เหตุการณ์แบบแพสซีฟ

สำหรับ Chrome 51 นั้น Listener เหตุการณ์แบบแพสซีฟเป็นมาตรฐานเว็บแบบใหม่ที่ช่วยเพิ่มโอกาสในการเพิ่มประสิทธิภาพในการเลื่อนได้อย่างมาก โดยเฉพาะอย่างยิ่งในอุปกรณ์เคลื่อนที่ ดูวิดีโอด้านล่างเพื่อดูการสาธิตการปรับปรุงการทำงานจริง

วิธีการทำงาน

เมื่อคุณเลื่อนหน้าเว็บและมีความล่าช้ามากจนหน้าไม่รู้สึกยึดติดกับนิ้ว ซึ่งเรียกว่าการลากแบบเลื่อน หลายครั้งที่คุณพบปัญหาการเลื่อนหน้าจอ ผู้ต้องหาเป็นผู้ฟังเหตุการณ์การสัมผัส Listener เหตุการณ์การแตะมักจะมีประโยชน์สำหรับการติดตามการโต้ตอบของผู้ใช้และสร้างประสบการณ์การเลื่อนที่กำหนดเอง เช่น การยกเลิกการเลื่อนไปเลยเมื่อโต้ตอบกับ Google Maps ที่ฝังอยู่ ขณะนี้เบราว์เซอร์ไม่ทราบว่า Listener กิจกรรมการสัมผัสจะยกเลิกการเลื่อนหรือไม่ จึงรอให้ Listener เสร็จสิ้นก่อนเสมอก่อนที่จะเลื่อนหน้าเว็บ Listener เหตุการณ์แบบแพสซีฟแก้ปัญหานี้โดยให้คุณตั้งค่าแฟล็กในพารามิเตอร์ options ของ addEventListener ซึ่งบ่งบอกว่า Listener จะไม่ยกเลิกการเลื่อน ข้อมูลนั้นทำให้เบราว์เซอร์เลื่อนหน้าเว็บได้ในทันที ไม่ใช่หลังจากที่ Listener ฟังจบแล้ว

ดูข้อมูลเพิ่มเติม

ไปที่บล็อก Chromium เพื่อดูภาพรวมระดับสูงเกี่ยวกับวิธีการทำงานของ Listener เหตุการณ์แบบแพสซีฟ

API ใหม่ที่จะช่วยนักพัฒนาแอปปรับปรุงประสิทธิภาพการเลื่อน

และที่เก็บของข้อกำหนดเพื่อเรียนรู้วิธีใช้งาน Listener เหตุการณ์แบบแพสซีฟดังนี้

คำอธิบาย Listener เหตุการณ์แบบแพสซีฟ