منظور از "callback hell" در جاوااسکریپت چیست؟ چه زمانی این اتفاق می‌افتد؟ راه حل این مشکل چیست؟
#interviewquestion #js
@ProGraphs
#interviewquestion #js
@ProGraphs
تفاوت == و === در جاوااسکریپت چیست؟
(اونقدر که به نظر میرسه جواب واضح نیست 😅)
#interviewquestion #js
@ProGraphs
(اونقدر که به نظر میرسه جواب واضح نیست 😅)
#interviewquestion #js
@ProGraphs
اگر هردوی این rulesetها به یک عنصر اعمال شوند، متن این عنصر چه رنگی خواهد بود؟
#interviewquestion #css
@ProGraphs
#interviewquestion #css
@ProGraphs
تفاوت این دو روش برای load کردن فایل‌ها چیست؟
(کاربرد ویژگی rel=preload)
#interviewquestion #html
@ProGraphs
(کاربرد ویژگی rel=preload)
#interviewquestion #html
@ProGraphs
با اجرا کردن این دو خط کد به صورت مستقیم در کنسول مرورگر، متوجه می‌شویم که خروجی آن‌ها دو مقدار متفاوت است!
دلیل این موضوع را توضیح دهید
#interviewquestion #js
@ProGraphs
دلیل این موضوع را توضیح دهید
#interviewquestion #js
@ProGraphs
با اجرای این کد چه مقادیری در کنسول چاپ می‌شود؟
(به ترتیب از چپ به راست)
#interviewquestion #js
@ProGraphs
(به ترتیب از چپ به راست)
#interviewquestion #js
@ProGraphs
در این کد می‌دانیم که پراپرتی width در یک transition تغییر خواهد کرد.
بنابراین از will-change استفاده کرده‌ایم تا مرورگر را از این موضوع با خبر کنیم.
آیا این کار تاثیری در عملکرد transition دارد؟
#interviewquestion #css #performance
@ProGraphs
بنابراین از will-change استفاده کرده‌ایم تا مرورگر را از این موضوع با خبر کنیم.
آیا این کار تاثیری در عملکرد transition دارد؟
#interviewquestion #css #performance
@ProGraphs
فرض کنید سه عنصر div داریم که داخل هر کدام یک span با کلاس‌های red و green و blue قرار دارد:
هر سه عنصر span دارای position: absolute هستند و عنصر قرمز با استفاده از z-index جلوی دو عنصر دیگر قرار گرفته است (مشابه تصویر).
بدون تغییر دادن موقعیت عناصر در html و بدون تغییر دادن position و z-index عناصر، کاری کنید که عنصر قرمز پشت دو عنصر سبز و آبی قرار بگیرد.
#interviewquestion #css
@ProGraphs
<div><span class="red">1</span></div>
<div><span class="green">2</span></div>
<div><span class="blue">3</span></div>
هر سه عنصر span دارای position: absolute هستند و عنصر قرمز با استفاده از z-index جلوی دو عنصر دیگر قرار گرفته است (مشابه تصویر).
بدون تغییر دادن موقعیت عناصر در html و بدون تغییر دادن position و z-index عناصر، کاری کنید که عنصر قرمز پشت دو عنصر سبز و آبی قرار بگیرد.
#interviewquestion #css
@ProGraphs
فرض کنید همچین تابعی را در جاوااسکریپت نوشته‌ایم که با استفاده از transitionهای css، یک عنصر را از یک موقعیت به یک موقعیت دیگر جابه‌جا کند.
اما با اجرا شدن این تابع متوجه می‌شویم که موقعیت اولیه‌ای که برای عنصر تعریف می‌کنیم (خط ۲) کاملا نادیده گرفته می‌شود و عنصر بدون توجه به موقعیت اولیه، فقط به سمت موقعیت نهایی جابه‌جا می‌شود!
علت این موضوع چیست؟ شما چطور این مشکل را حل می‌کنید؟
#interviewquestion #js #css
@ProGraphs
اما با اجرا شدن این تابع متوجه می‌شویم که موقعیت اولیه‌ای که برای عنصر تعریف می‌کنیم (خط ۲) کاملا نادیده گرفته می‌شود و عنصر بدون توجه به موقعیت اولیه، فقط به سمت موقعیت نهایی جابه‌جا می‌شود!
علت این موضوع چیست؟ شما چطور این مشکل را حل می‌کنید؟
#interviewquestion #js #css
@ProGraphs
در این کد برای event کلیک یک عنصر، دو listener تعریف کرده‌ایم.
با کلیک کردن بر روی این عنصر، چه مقادیری در کنسول چاپ می‌شوند؟
(به ترتیب از چپ به راست)
#interviewquestion #js #async
@ProGraphs
با کلیک کردن بر روی این عنصر، چه مقادیری در کنسول چاپ می‌شوند؟
(به ترتیب از چپ به راست)
#interviewquestion #js #async
@ProGraphs
به کد زیر دقت کنید:
اما چرا وقتی از arrow functionها در کلاس‌های جاوااسکریپت استفاده می‌کنیم، مقدار this به خود آبجکت‌های کلاس اشاره می‌کند؟
به عنوان مثال به کد داخل تصویر (که یک کلاس کامپوننت ری‌اکت است) دقت کنید.
متد handleClick را به صورت arrow function تعریف کرده‌ایم، اما مقدار this به خود آبجکت react element اشاره می‌کند! (دقیقا برعکس رفتاری که در کد بالا دیدیم)
چرا رفتار arrow functionها در آبجکت‌ها و class fieldهای جاوااسکریپت متفاوت است؟
#interviewquestion #js #react #thiskeyword
@ProGraphs
let obj = {
whatIsThis: () => {
console.log("this is:", this);
}
};
در این کد، متد whatIsThis داخل آبجکت obj تعریف شده است. اما با توجه به اینکه arrow functionها در جاوااسکریپت this ندارند، مقدار this داخل این تابع به آبجکت گلوبال اشاره می‌کند (و نه به خود آبجکت obj).اما چرا وقتی از arrow functionها در کلاس‌های جاوااسکریپت استفاده می‌کنیم، مقدار this به خود آبجکت‌های کلاس اشاره می‌کند؟
به عنوان مثال به کد داخل تصویر (که یک کلاس کامپوننت ری‌اکت است) دقت کنید.
متد handleClick را به صورت arrow function تعریف کرده‌ایم، اما مقدار this به خود آبجکت react element اشاره می‌کند! (دقیقا برعکس رفتاری که در کد بالا دیدیم)
چرا رفتار arrow functionها در آبجکت‌ها و class fieldهای جاوااسکریپت متفاوت است؟
#interviewquestion #js #react #thiskeyword
@ProGraphs
🔺Interview Questions For Full Stack Developers ☕️
https://www.fullstack.cafe/
شما هم لینک‌ها و سایت‌هایی رو که برای آماده شدن در مصاحبه‌های برنامه‌نویسی به کار میان رو در بخش کامنت بنویسین :)
#interviewquestion #fullstack
@ProGraphs
https://www.fullstack.cafe/
شما هم لینک‌ها و سایت‌هایی رو که برای آماده شدن در مصاحبه‌های برنامه‌نویسی به کار میان رو در بخش کامنت بنویسین :)
#interviewquestion #fullstack
@ProGraphs