10 کتابخانه جالب جاوااسکریپت

معمولا در بلاگ سایتمون نوشته های زیادی رو میتونید در مورد جاوااسکریپت یا فریمورک و کتابخونه های اون پیدا کنید ، توی این پست هم قراره 10 کتابخونه جالب جاوااسکریپت رو معرفی کنیم و در موردشون بدونیم ، شاید بد نباشه قبل این پست ، نوشته من با عنوان دلایلم برای انتخاب جاوااسکریپت رو هم مطالعه کنید .
اولین مورد که flexsearch هست . این کتابخونه یک سری راهکارهای مدرس برای جستجو در متن رو ارائه میده ، خیلی سرعت بالایی داره و سریع عمل میکنه و یک سری ویژگی های دیگه هم مثل تبدیلات آوایی و … رو داره .
مورد بعدی Split.js هست ، یک کتابخونه فوق العاده برای ایجاد پنل های split که قابلیت تغییر سایز دارند . حجم پایینش براتون جالبه چون کلا 2kb حجم داره . برای ساختن فریم های انعطاف پذیر مناسب هست .
کتابخونه Length.js یک کتابخانه جاوااسکریپی هست که برای تبدیل واحد های طول از اون استفاده میشه . در nodejs و مرورگرها کار میکنه . این کتابخونه به شما این اجازه رو میده که یک واحد رو به واحد دیگه تبدیل کنید . واحد های زیادی مثل متر ، مایل ، اینچ و … رو پشتیانی میکنه . همچنین بر روی unpkg cdn به صورت فشرده و غیر فشرده در دسترس قرار داره .
چهارمین مورد Text Mask هست . این کتابخونه جاوااسکریپتی در ایجاد کردن انواع ماسک های در فیلد های ورودی استفاده میشه . وابستگی نداره و حجم اون هم مثل split خیلی پایین هست . حجم این کتابخونه 4kb هستش و حتی میتونه با افزونه ها گسترش پیدا کنه . اضافه کردن text mask به کاربران کمک میکنه فرمت مورد نیاز برای پر کردن شماره های تلفن ، ایمیل ها و داده های دیگر رو اعمال کنند .
فریمورک next.js هم یک مورد کم حجم دیگه هست که برای ساخت برنامه های رندرینگ سرور با جاوااسکریپت و همچنین برنامه های استاتیک استفاده میشه . تقسیم خوردکار کد برای لود شدن سریع تر صفحه ها و پشتبانی از css داخلی از ویژگی های دیگه nextjs هست . همچنین میتونه با پلاگین ها سفارشی بشه . خیلی راحت میشه گفت nextjs یک فریمورک هست که با استفاده از جاوااسکریپت و کتابخونه react به توسعه دهنده اجازه میده تا اپلیکیشن های سمت سرور طراحی کنه .قابلیت پیاده سازی با Express و یا سرور های دیگه قابل پشتبانی توسط nodejs رو داره و با کانفیگ Webpack و babel هم قابل تنظیم هست .
کتابخونه بعدی برای تحلیل و قالب بندی تاریخ استفاده میشه . day js کتابخونه ای سریع و کم حجم هست که روی تمامی مرورگرها خیلی خوب کار میکنه و برای استفاده api آسان هست . میتونید تاریخ هار در قالب های مختلفی مقایسه ، کم و زیاد کنید و فرمت های اون هارو تغییر بدید . میتونه جایگزین خوبی برای momentjs هم باشه .
هفتمین کتابخونه قراره در مورد تشخیص چهره به ما کمک کنه . pico.js یک کتابخونه اپن سورسه که برای تشخیص چهره استفاده میشه و باز هم مثل تعدادی از موارد بالا حجم خیلی کمی داره ، حجم این کتابخونه 2kb هست . قابلیت تشخیص زمان واقعی FPS +200 رو داره ، میتونید از طریق این لینک بیشتر در موردش بدونید .
Preact یکی از سریع ترین کتابخونه های Dom مجازی به شمار میره و ویژگی هایی مثل دسته بندی آپدیت های قابل تنظیم ، رندرینگ اختیاری async رو داره . قابلیت گسترش خیلی خوبی داره و این اجازه رو به شما میده از کامپوننت های مختلف ری اکت در برنامه خودتون استفاده کنید .
نهمین مورد radi.js هست ؛ یک کتابخونه سریع برای استفاده از جاوااسکریپت . این کتابخونه یک راه ساده برای ساخت برنامه های تک صفجه ای یا کمی پیچیده تر رو ارائه میده . خب باز هم بسیار کم حجم هستش و حجم اون 3kb هست ، از dom مجازی هم استفاده نمیکنه و هیچ وابستگی نداره ، میتونید اینجا بیشتر با این کتابخونه آشنا بشید .
rough.js یک کتابخونه با حجم کم بر اساس canvas هست که میتونه برای کشیدن شکل های به صورت دستی مورد استفاده قرار بگیره . یک ابزار برای رسم کردن خط ها ، کمان ها ، منحنی ها و شکل های دیگر ارائه میده و از رسم کردن شیوه های svg هم پشتیبانی میکنه .
اگه علاقه مند هستید میتونید به این چند منبع انگلیسی زبان هم نگاهی بندازید و بیشتر در مورد جاوااسکریپت بدونید .
مطالب زیر را حتما مطالعه کنید
آموزش کار با timing event ها
معرفی DOM به زبان ساده
constructor function در جاوااسکریپت
factory function در جاوا اسکریپت
this در جاوا اسکریپت (JavaScript)
تفاوت for in و for of
1 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
Thanks for sharing this post, I just bookmarked this post for future reference. Really love your work have learned so much.