پلاگین
رویکرد ساده (بدون npm)
افزونه جدید خود را در public/vendors
پوشه قرار دهید. به عنوان مثال: برای افزودن افزونه، آن را از اینجاflatpickr
دانلود می کنیم ، آن را از حالت فشرده خارج می کنیم و پوشه را در پوشه قرار می دهیم. اکنون می توانید به سادگی فایل های افزونه را به HTML خود پیوند داده و از آنها استفاده کنید.flatpickr-master
public/vendors
با استفاده از npm
فرض کنید در حال نصب افزونه هستیم flatpickr
. در اینجا مراحل انجام می شود:
مرحله 1:
دستور npm را برای نصب افزونه اجرا کنید. چون flatpickr
می توانیم بدویم
npm i flatpickr
گام 2:
به فایل بروید vendors.json
و مسیر مسیر را از node_modules به صورت زیر بدهید
"flatpickr": {
"src": ["dist/flatpickr.min.js", "dist/flatpickr.min.css"],
"dest": "flatpickr"
}
در اینجا، dest
به public/vendors/
جایی که gulp فایلها را از افزونه کپی میکند، اشاره دارد flatpickr
. ما در واقع از vendors
پوشه برای ذخیره افزونه های ضروری استفاده می کنیم. و نام پوشه همه افزونه ها همانگونه خواهد بود که مقدار dest را می دهیم
مرحله 3:
دستور زیر را اجرا کنید:
gulp vendor:move
پلاگین های داخلی
Anchor.js
یک ابزار جاوا اسکریپت برای افزودن پیوندهای لنگر عمیق به محتوای صفحه موجود. AnchorJS سبک، در دسترس است و هیچ وابستگی ندارد.
پیاده سازی در موضوع - مستندات کاملChart.js
نمودار جاوا اسکریپت ساده و در عین حال انعطاف پذیر برای طراحان و توسعه دهندگان.
پیاده سازی در موضوع - مستندات کاملانتخاب ها
Choices.js یک افزونه انتخاب جعبه/متن انتخابی سبک وزن و قابل تنظیم است. مشابه Select2 و Selectize اما بدون وابستگی به jQuery
پیاده سازی در موضوع - مستندات کاملCountUp
CountUp.js یک کلاس جاوا اسکریپت سبک و بدون وابستگی است که میتواند برای ایجاد سریع انیمیشنهایی که دادههای عددی را به شیوهای جالبتر نمایش میدهند، استفاده شود.
پیاده سازی در موضوع - مستندات کاملD3.js
Dayjs
کتابخانه تاریخ-زمان 2 کیلوبایتی غیرقابل تغییر Day.js جایگزین Moment.js با همان API مدرن است.
مستندات کاملDraggable.js
دراپ زون
DropzoneJS یک کتابخانه منبع باز است که آپلود فایلهای drag & drop را با پیشنمایش تصویر فراهم میکند.
پیاده سازی در موضوع - مستندات کاملEcharts.js
Flatpickr
FontAwesome 5
با Font Awesome، محبوب ترین مجموعه آیکون و جعبه ابزار وب، نمادهای برداری و لوگوهای اجتماعی را در وب سایت خود دریافت کنید.
مستندات کاملتقویم کامل
گلایت باکس
Glightbox یک لایت باکس جاوا اسکریپت خالص است. این می تواند تصاویر، آی فریم ها، محتوای درون خطی و ویدیوها را با پخش خودکار اختیاری برای YouTube، Vimeo و حتی ویدیوهای خود میزبان نمایش دهد.
پیاده سازی در موضوع - مستندات کاملنقشه گوگل
Falcon از نقشه گوگل با نقشه های Snazzy، با طرح های رنگی مختلف برای طراحان و توسعه دهندگان وب استفاده می کند.
پیاده سازی در موضوع - مستندات کاملماسک ورودی
Inputmask یک کتابخانه جاوا اسکریپت است که یک ماسک ورودی ایجاد می کند.
پیاده سازی در موضوع - مستندات کاملIs.js
پلاگین بررسی میکرو. بررسی انواع، regexps، حضور، زمان و موارد دیگر...
مستندات کاملنقشه بروشور
List.js
جاوا اسکریپت وانیلی کوچک، نامرئی و ساده، در عین حال قدرتمند و فوقالعاده سریع که جستجو، مرتبسازی، فیلترها و انعطافپذیری را به فهرستهای HTML ساده، جداول یا هر چیز دیگری اضافه میکند.
پیاده سازی در موضوع - مستندات کامللوداش
یک کتابخانه ابزار مدرن جاوا اسکریپت که ماژولار بودن، عملکرد و امکانات اضافی را ارائه میکند.
مستندات کامللوتی وب
انیمیشن های After Effects را به صورت بومی در وب، اندروید و iOS و React Native رندر کنید.
پیاده سازی در موضوع - مستندات کاملNoUiSlider
noUiSlider یک نوار لغزنده سبک وزن با پشتیبانی از چند لمس و تعداد زیادی ویژگی است.
پیاده سازی در موضوع - مستندات کاملپیکمو
Plyr
یک مدیا پلیر ساده، سبک، در دسترس و قابل تنظیم HTML5، YouTube و Vimeo که از مرورگرهای مدرن پشتیبانی می کند.
پیاده سازی در موضوع - مستندات کاملارزیاب
ویجت رتبه بندی ستاره برای مرورگر. تعداد نامحدود ستاره بدون وابستگی بدون نیاز به Jquery
پیاده سازی در موضوع - مستندات کاملنوار ساده
نوارهای پیمایش سفارشی ساده، سبک، آسان برای استفاده و مرورگر متقابل ساخته شده است.
پیاده سازی در موضوع - مستندات کاملسوایپر
Swiper مدرن ترین نوار لغزنده لمسی رایگان تلفن همراه با انتقال سریع سخت افزاری و رفتار بومی شگفت انگیز است. در نظر گرفته شده است که در وب سایت های تلفن همراه، برنامه های وب تلفن همراه و برنامه های بومی/هیبرید تلفن همراه استفاده شود.
پیاده سازی در موضوع - مستندات کاملویرایشگر Tinymce
متن تایپ شده
یک کتابخانه جاوا اسکریپت که تایپ می کند، آنها را حذف می کند و دوباره تایپ می کند.
پیاده سازی در موضوع - مستندات کامل