Interview question / سوال مصاحبه 👨💼
✅ مزایای Css sprites چیست و چگونه استفاده می شود؟
قرارگیری و ترکیب تصاویر و آیکون های مختلف در یک فایل برای کاهش تعداد درخواست ها به سرور و در نتیجه بهبود زمان بارگذاری صفحه
از این ویژگی ها در Css برای sprite استفاده میکنیم 👇
◽️background-image
◽️background-position
◽️background-size
#interview_question
💡@frontcode01
✅ مزایای Css sprites چیست و چگونه استفاده می شود؟
قرارگیری و ترکیب تصاویر و آیکون های مختلف در یک فایل برای کاهش تعداد درخواست ها به سرور و در نتیجه بهبود زمان بارگذاری صفحه
از این ویژگی ها در Css برای sprite استفاده میکنیم 👇
◽️background-image
◽️background-position
◽️background-size
#interview_question
💡@frontcode01
👍9❤2
👨💼 Interview question / سوال مصاحبه
✅ تفاوت بین مقدار null , undefined چیست؟
مقدار null یک مقدار صریح و خالی است .
مقدار undefined یک مقدار ضمنی و شناخته نشده است.
#interview_question
💡@frontcode01
✅ تفاوت بین مقدار null , undefined چیست؟
مقدار null یک مقدار صریح و خالی است .
مقدار undefined یک مقدار ضمنی و شناخته نشده است.
#interview_question
💡@frontcode01
👍10
🔺 اپشنال چینینگ رو میتونیم در کال کردن فانکشن ها هم استفاده کنیم و نیازی به چک کردن فانکشن نیست 👌
🆔 @frontcode01 | 👩💻🧑💻
🆔 @frontcode01 | 👩💻🧑💻
🔥13👍8❤2
👨💼 Interview question / سوال مصاحبه
✅ تفاوت واحد em , rem در css چیست؟
هر دو بر اساس ویژگی font-size عمل میکنند :
🔹 واحد em مقدارش را از فونت سایز والد به ارث می برد.
🔹 واحد rem مقدارش را از فونت سایز Html به ارث می برد.
#interview_question
💡@frontcode01
✅ تفاوت واحد em , rem در css چیست؟
هر دو بر اساس ویژگی font-size عمل میکنند :
🔹 واحد em مقدارش را از فونت سایز والد به ارث می برد.
🔹 واحد rem مقدارش را از فونت سایز Html به ارث می برد.
#interview_question
💡@frontcode01
👍23🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ با داینامیک ایمپورت میتونیم لود کردن فایل ها رو به صورت شرطی انجام بدیم و از دانلود غیر ضروری فایل ها جلوگیری کنیم.
🆔 @frontcode01 | 👩💻🧑💻
🆔 @frontcode01 | 👩💻🧑💻
👍12
📌📢 لایو Live
✅ فرصت های کاری بین المللی برای برنامه نویس ها و نکات نگارش رزومه
https://www.linkedin.com/events/7113092151663575041/comments/
🆔 @frontcode01 | 👩💻🧑💻
✅ فرصت های کاری بین المللی برای برنامه نویس ها و نکات نگارش رزومه
https://www.linkedin.com/events/7113092151663575041/comments/
🆔 @frontcode01 | 👩💻🧑💻
🔥5
👨💼 Interview question / سوال مصاحبه
✅ دام مجازی (Virtual Dom) چیست و چرا در فریمورک ها و لایبری ها استفاده میشود؟
🔹 دام مجازی نمایشی از دام واقعی در قالب یک object هستش که شامل ویژگی های هر element میشه و سرعت و پرفرومنس بالایی داره.
🔹 روندش اینطوریه که بعد از تغییر استیت ، یک VDOM جدید ساخته میشه وبا VDOM قبل مقایسه میشه و در آخر VDOM نهایی که شامل تغییرات قبل و بعد بوده به DOM واقعی اضافه میشه.
🔹 این کار باعث میشه فقط المان هایی که تغییر داشتن در Ui آپدیت بشن و کل المان ها مجدد ساخته نشن.
#interview_question
💡@frontcode01
✅ دام مجازی (Virtual Dom) چیست و چرا در فریمورک ها و لایبری ها استفاده میشود؟
🔹 دام مجازی نمایشی از دام واقعی در قالب یک object هستش که شامل ویژگی های هر element میشه و سرعت و پرفرومنس بالایی داره.
🔹 روندش اینطوریه که بعد از تغییر استیت ، یک VDOM جدید ساخته میشه وبا VDOM قبل مقایسه میشه و در آخر VDOM نهایی که شامل تغییرات قبل و بعد بوده به DOM واقعی اضافه میشه.
🔹 این کار باعث میشه فقط المان هایی که تغییر داشتن در Ui آپدیت بشن و کل المان ها مجدد ساخته نشن.
#interview_question
💡@frontcode01
👍18
🔺 مدیا فیچر any-hover
با این مدیا فیچر میتونیم استایل رو زمانی اعمال کنیم که یوزر امکان هاور کردن/نکردن رو داره
مثلا تو صفحات کامیپوتر قراره با هاور کردن روی عکس، توضیحاتش نمایش داده شه ولی توی گوشی طبیعتا به مشکل میخوریم این موقع میتونیم از
استفاده کنیم تا متن عکس رو در حالت اولیه در گوشی نشون بدیم و نیازی به هاور نباشه 👌
🆔 @frontcode01
با این مدیا فیچر میتونیم استایل رو زمانی اعمال کنیم که یوزر امکان هاور کردن/نکردن رو داره
مثلا تو صفحات کامیپوتر قراره با هاور کردن روی عکس، توضیحاتش نمایش داده شه ولی توی گوشی طبیعتا به مشکل میخوریم این موقع میتونیم از
@media (any-hover:none
) استفاده کنیم تا متن عکس رو در حالت اولیه در گوشی نشون بدیم و نیازی به هاور نباشه 👌
🆔 @frontcode01
👍21❤1
خروجی console رو شما در کامنت ها حدس بزنید 🤔
اگه دوست داشتین دلیلتون رو هم بنویسید ❤️
🆔 @frontcode01 | 👩💻🧑💻
اگه دوست داشتین دلیلتون رو هم بنویسید ❤️
🆔 @frontcode01 | 👩💻🧑💻
⚡️ با پاس دادن Infinity به عنوان آرگیومنت متد flat، میتونیم حتی آرایه ای رو که n لول هم آرایه nest شده داره، فلت کنیم 👌
🆔 @frontcode01 | 👩💻🧑💻
🆔 @frontcode01 | 👩💻🧑💻
👍32❤2🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
🔺 میدونستین برای کامیت کردن میتونیم از فلگ m- چندبار استفاده کنیم تا به کامیت پاراگراف اضافه کنیم؟
🆔 @frontcode01 | 👩💻🧑💻
🆔 @frontcode01 | 👩💻🧑💻
👍19
⚡️ میتونیم مشابه تگ img تو HTML، برای عکسی که با پراپرتی content تو CSS میدیم هم alt تکستش رو با یه اسلش(/) تعیین کنیم 🔥
سینتکس عجیبی داره...
🆔 @frontcode01 | 👩💻🧑💻
سینتکس عجیبی داره...
🆔 @frontcode01 | 👩💻🧑💻
👍25❤2