วัตถุที่ลากได้

 (redblobgames.com)
4 คะแนน โดย GN⁺ 2023-09-30 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • บทความเกี่ยวกับการสร้างวัตถุที่ลากได้บนหน้าเว็บแบบโต้ตอบ โดยใช้ฟีเจอร์ของเบราว์เซอร์ที่รองรับอย่างแพร่หลายมาตั้งแต่ปี 2020
  • ผู้เขียนได้แชร์โค้ดที่ใช้ทำให้วัตถุสามารถลากได้ทั้งด้วยเมาส์และการสัมผัส
  • ผู้เขียนกล่าวถึงความซับซ้อนของการสร้างวัตถุที่ลากได้ เช่น การจัดการปุ่มเมาส์หลายปุ่ม อีเวนต์สัมผัสด้วยหลายนิ้ว และอีเวนต์ที่ไปยังหลายปลายทาง
  • บทความให้สูตรพื้นฐานสำหรับการทำให้วัตถุลากได้ ครอบคลุมฟังก์ชันเริ่มต้น สิ้นสุด และการเคลื่อนย้าย
  • ผู้เขียนอภิปรายวิธีจัดการการเลือกข้อความและการลากรูปภาพภายในองค์ประกอบที่ลากได้
  • ผู้เขียนเสนอวิธีแก้สำหรับการจัดการการลากวัตถุหลายชิ้นพร้อมกันด้วยหลายนิ้วหรือเมาส์หลายตัว
  • บทความเสนอวิธีแก้สำหรับการลากแบบซ้อนกัน ซึ่งองค์ประกอบที่ลากได้หนึ่งรายการมีอีกองค์ประกอบที่ลากได้อยู่ภายใน
  • ผู้เขียนมี Vue component สำหรับสร้างองค์ประกอบ SVG ที่ลากได้
  • เป็นบทความที่มีประโยชน์อย่างยิ่งสำหรับวิศวกรซอฟต์แวร์ที่ต้องการนำวัตถุที่ลากได้ไปใช้งานในเว็บแอปพลิเคชัน

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
GN⁺ 2023-09-30
ความคิดเห็นบน Hacker News
  • บทความเกี่ยวกับความท้าทายและแนวทางแก้ไขในการสร้างอ็อบเจ็กต์ที่ลากได้ในการเขียนโปรแกรม
  • การลากเพื่อจัดลำดับใหม่ถูกชี้ว่าเป็นงานที่ยากเป็นพิเศษ เนื่องจากรายการมีขนาดไม่สม่ำเสมอ ความจำเป็นของ placeholder การตรวจจับขอบ และอัลกอริทึมการจัดแนวกล่องที่ซับซ้อน
  • บทความได้รับคำชมจากการครอบคลุมกับดักและ 'gotchas' ที่เกี่ยวข้องกับอ็อบเจ็กต์ที่ลากได้อย่างรอบด้าน
  • มีการแนะนำ Interactjs ว่าเป็นโซลูชันแบบ 'แกะกล่องใช้ได้เลย' สำหรับจัดการอ็อบเจ็กต์ที่ลากได้ในหลายโปรเจกต์
  • มีการแสดงความกังวลเกี่ยวกับการขาดการเข้าถึงของอ็อบเจ็กต์ที่ลากได้ โดยเฉพาะความจำเป็นของการควบคุมด้วยคีย์บอร์ด
  • มีการพูดถึงปัญหาความหน่วงระหว่างตัวชี้กับอ็อบเจ็กต์ที่ลากได้ โดยเสนอการคาดการณ์การเคลื่อนไหวเป็นแนวทางแก้ที่เป็นไปได้
  • ผู้เขียนบทความแสดงความขอบคุณต่อกระแสตอบรับเชิงบวกและเสนอว่าจะตอบคำถามต่าง ๆ
  • ผู้แสดงความเห็นรายหนึ่งแชร์กรณีจากประสบการณ์ 20 ปี: แม้ไม่มีการเคลื่อนไหว ก็ให้ถือว่าเหตุการณ์การกดและปล่อยปุ่มทั้งหมดเป็นเหตุการณ์ลาก
  • เว็บไซต์นี้ได้รับการยอมรับว่ามีประโยชน์ต่อ Uber ในการออกแบบระบบหกเหลี่ยมสำหรับการวิเคราะห์เชิงภูมิศาสตร์
  • เว็บไซต์ยังได้รับคำชมในด้านการทำ visualization ด้วย JavaScript, แอนิเมชันที่ผู้ใช้เป็นผู้ขับเคลื่อน, และการใช้ตัวอย่างที่ชัดเจนและสะอาดอย่างมีประสิทธิภาพ
  • ผู้แสดงความเห็นหลายคนแบ่งปันประสบการณ์ส่วนตัวที่ได้เรียนรู้จากเว็บไซต์นี้ โดยเน้นว่ามันช่วยจุดประกายความสนใจในการเขียนโค้ดและทำให้เข้าใจอัลกอริทึมลึกซึ้งยิ่งขึ้น
  • วิวัฒนาการของอ็อบเจ็กต์ที่ลากได้ตั้งแต่ยุค jQuery จนถึงปัจจุบันชวนให้หวนคิดถึงอดีต