DRAGGABLE - کتابخانه‌ای سبک و واکنشگرا برای درگ‌/درپ

گردآوری و تالیف : ارسطو عباسی
تاریخ انتشار : 24 تیر 1397
دسته بندی ها : کتابخانه

درگ/درپ یکی از ویژگی‌هایی است که در رابط‌های کاربری بسیار استفاده می‌شود. براساس نوع پروژه‌ای که در حال ساختن آن هستید، درگ/درپ می‌تواند راهکار بسیار خوبی برای کم کردن اشتباهات انسانی در جایی که نیاز به ورودی کیبورد است، باشد.

برای مثال در مرتب کردن یک لیست، بجای اینکه کاربران را مجبور به استفاده از کیبورد کنید، می‌توانید از حالت درگ/درپ استفاده کنید. مطمئنم که این نوع از تعامل در بازی‌ها نیز بسیار کاربردی خواهد بود.

در اینجا ما یک کتابخانه عالی برای پیاده‌سازی حالت درگ‌/درپ در اختیار داریم که draggable نام دارد و توسط Shopify پیاده‌سازی شده است. از ویژگی‌های قابل توجه این ابزار سبک و واکنشگرا بدن آن است. همچنین در وبسایت اصلی آن پیش‌نمایش‌های جالبی قرار گرفته شده که می‌توانید آن‌ها را مشاهده کنید.

ویژگی‌ها

  • قابلیت کار کردن با رویدادهای درگ محلی، ماوس و تاچ
  • قابلیت توسعه رفتار درگ کردن
  • قابلیت توسعه امکان تشخیص درگ
  • پیاده‌سازی شده براساس اکمااسکریپت۶

 API، گزینه‌ها و رویدادها

هر پلاگین خوبی به منعطف بودن در پیکربندی و همچنین توسعه‌پذیری نیاز دارد. بر همین اساس Draggable یکی از پلاگین‌های خوب است. در آن APIها، گزینه‌ها و رویدادهای بسیاری قرار گرفته که می‌توان از آن‌ها در پروژه‌تان استفاده کنید. می‌توانید تمام آن‌ها را در لینک مستندات مشاهده کنید.

منبع

مقالات پیشنهادی

۱۰ قطعه کد منو واکنشگرا با CSS - بخش ۲

طراحی یک لایه‌بندی واکنشگرا لزوما کار سختی نیست. مخصوصا برای زمانی که شما در ابتدای کار طرح کلی را ساخته‌اید و می‌دانید که قرار است چه چیزی را ایجاد ک...

۱۰ قطعه کد منو واکنشگرا با CSS - بخش اول

طراحی یک لایه‌بندی واکنشگرا لزوما کار سختی نیست. مخصوصا برای زمانی که شما در ابتدای کار طرح کلی را ساخته‌اید و می‌دانید که قرار است چه چیزی را ایجاد ک...

دیزاین پترن زنجیره - Chain-of-responsibility pattern

در برنامه نویسی به صورت شئ گرا، دیزاین پترنی وجود دارد به نام زنجیره مسئولیت که متشکل از یک مخزن شامل اشیاء فرمان و مجموعه ای از اشیاء پردازش است. هر...

منابع تازه برای توسعه دهندگان Front-end - سری اول

امروزه ابزار ها ، کتابخانه ها و فریمورک های مختلفی بصورت روزانه برای توسعه دهنگاه Front-end ارائه می شود تا آنها بتوانند سریع تر ، بهتر و راحتر پروژه...