فرانت کد | FrontCode
Open in Telegram
2 519
Subscribers
No data24 hours
-87 days
-1630 days
Posts Archive
2 519
⚡️ موقع destructure کردن میتونید مقدار دیفالت وریبل رو از وریبل قبلیش بگیرید! تو این مثال، مقدار دیفالت nickname، همون مقدار name هستش
🆔 @frontcode01 | 👩💻🧑💻
2 519
🔺 با کیورد globalThis که به صورت دیفالت تو ES2020 اضافه شده، میتونید بدون مشکلات زیادی که خود کیورد this داره، به آبجکت گلوبال دسترسی داشته باشید.
پ.ن:این آبجکت گلوبال در محیط مرورگر، همون window هستش و در رانتایم های مختلف میتونه به چیزای دیگه اشاره کنه
🆔 @frontcode01 | 👩💻🧑💻
2 519
🔺 با کیورد globalThis که به صورت دیفالت تو ES2020 اضافه شده، میتونید بدون مشکلات زیادی که خود کیورد this داره، به آبجکت گلوبال دسترسی داشته باشید.
پ.ن:این آبجکت گلوبال در محیط مرورگر، همون window هستش و در رانتایم های مختلف میتونه به چیزای دیگه اشاره کنه
🆔 @frontcode01 | 👩💻🧑💻
2 519
+1⚡️ یک نمونه کاربردی دیگه از سلکتور "is" و ترکیبش با سلکتور "+"; تو این مثال با استفاده از ترکیب این دو سلکتور تگ های headingی که بعد از پاراگراف ها قرار دارن رو انتخاب کردیم و بهشون یه مارجین دادیم. این تکنیک تو صفحات پست و مقاله فوق العادس 😍
🆔 @frontcode01 | 👩💻🧑💻
2 519
⚡️ با پلاگین draw.io برای VSCode میتونید یه اپ طراحی SVG رو مستقیم بیارید به ادیتور! تو خود VSCode ادیت کنید و بلافاصله هم استفاده کنید 😊
🔥 لینک پلاگین
🆔 @frontcode01 | 👩💻🧑💻
2 519
⚡️ با پاس دادن آپشن once: true به ایونت لیسنری که با جاواسکریپت تعریف میکنید، میتونید تعیین کنید که لیسنر فقط یکبار اجرا بشه و بعدش خودش اتوماتیک remove کنه لیسنر رو 😍
🆔 @frontcode01 | 👩💻🧑💻
2 519
⚡️ با پاس دادن آپشن once: true به ایونت لیسنری که با جاواسکریپت تعریف میکنید، میتونید تعیین کنید که لیسنر فقط یکبار اجرا بشه و بعدش خودش اتوماتیک remove کنه لیسنر رو 😍
🆔 @frontcode01 | 👩💻🧑💻
2 519
🚀 با Clipboard API جدیدی که برای کپی/پیست کردن تکست وجود داره، میتونید بدون اشغال کردن thread اصلی مرورگر عملیات کپی/پیست رو با جاواسکریپت انجام بدید!
این روش چون async هستش و thread اصلی رو اشغال نمیکنه، طبیعتا پرفورمنس بالاتری هم داره 👌🏻
🆔 @frontcode01 | 👩💻🧑💻
2 519
🚀 با Clipboard API جدیدی که برای کپی/پیست کردن تکست وجود داره، میتونید بدون اشغال کردن thread اصلی مرورگر عملیات کپی/پیست رو با جاواسکریپت انجام بدید!
این روش چون async هستش و thread اصلی رو اشغال نمیکنه، طبیعتا پرفورمنس بالاتری هم داره 👌🏻
🆔 @frontcode01 | 👩💻🧑💻
2 519
🚀 با Clipboard API جدیدی که برای کپی/پیست کردن تکست وجود داره، میتونید بدون اشغال کردن thread اصلی مرورگر عملیات کپی/پیست رو با جاواسکریپت انجام بدید! ا
ین روش چون async هستش و thread اصلی رو اشغال نمیکنه، طبیعتا پرفورمنس بالاتری هم داره 👌🏻
🆔 @frontcode01 | 👩💻🧑💻
2 519
👨💼 Interview question / سوال مصاحبه
✅ خروجی تابع چیست؟
🔹 خروجی تابع مقدار undefined هست و دلیل آن نقطه ویرگول خودکاری هست که جاوااسکریپت آخر خط قرار میده.
🔹 بنابراین return بدون هیچ مقداری تفسیر میشود و مقدار undefined خروجی تابع است.
Automatic semicolon insertion in JavaScript
#interview_question
💡@frontcode01
2 519
🔺 با المنت نیتیو meter میتونید سطح یه چیزی رو نسبت به یه مقدار کلی نشون بدید مثلا اینکه چقدر فضای خالی از حافظه باقی مونده.
پ.ن: راستی، شکل این المنت تو مرورگر های مختلف خیلی باهم فرق میکنه. حتما قبل استفاده به این مورد توجه کنید. البته میشه تا حدی کاستومایزش کرد 👌
لینک MDN
🆔 @frontcode01 | 👩💻🧑💻
2 519
⚡️ یه مقاله به شدت پربار در مورد آنالیز کامل پرفورمنس اپ معروف Notion که در اصل با React زده شده
پ.ن: حتما حتما پیشنهاد میکنم همه React دولوپرها بخونن 🚀
🆔 @frontcode01
2 519
⚡️ با مقدار unset برای پراپرتی all، میتونیم همه استایل های دیفالت مرورگر برای یک المنت رو حذف کنیم!
پ.ن: برای باتن ها خیلی کاربرد داره 🤩
