تسلط عالی دانش عالی انتقال مطلب عالی🎉 خودت عالی 🎉 واقعا عالی توضیح دادی یعنی به بهترین شکل توضیح دادی لطفاً ویدیو زیاد بزار خودم حمایت میکنم با معرفی کردن چنل به این خوبی به دیگران این کمترین کاری هست که میتونیم انجام بدیم ❤
یه سوال, وقتی ما میایم از پرتال ها استفاده میکنیم و یه جورایی یه tree جداگونه به دامامون اضافه میکنیم آیا تغییراتی که روی اونم انجام میدیم باعث میشه دوباره layout و paint ما دوباره کارشون رو انجام بدن و باعث کندی بشه مثل حالت عادی؟
سلامم ببین فرض کن یه کامپوننت داری که وقتی استییتش میشه یه عدد زوج یه کامپوننت رندر میشه وقتی میشه عدد فرد یه کامپوننت دیگه و خب این جابهجا شدن کامپوننت ها باعث میشه روی درخت دام المنت ها عوض بشن استایل هاشون عوض میشه و بقیه رندر پایپ لاین اتفاق میوفته حالا اگر این کامپوننت تو پرتال رندر بشه هم همینه و فرقی با حالت بالا نداره پس باعث کندی نمیشه و ریاکت مطمئن میشه که ما پینت به حداقل برسه
خب ما اینو میدونیم برنامههایی که ما مینویسیم توسط CPU پردازش میشن، هر CPU یک یا چند هسته داره که هرکدوم میتونن ۱ تا ۲ ترد و همزمان پردازش کنن (بعد سیستم عامل میاد با الگوریتم time slicing میاد یه تایم خیلی خیلی کمی به ترد ها اختصاص میده و هی تند تند جابهجاشون میکنه بین لیست تردهایی که داریم تا ما یه سیستم عامل multitask داشته باشیم - این قسمتش ارتباط مسیتقیم به سوالی که پرسیدی نداره :دی) حالا مرورگر چیکار میکنه!؟ به ازای هر tab که تو مرورگر باز میشه یدونه Thread میسازه اون thread وظیفه اینکه style calculation, layout, paint و هندل کردن ایونت ها و اجرای کدای javascript که ما نویشتیمو داره، به این میگیم main thread چون ازش فقط یدونه داریم اگر کلی کار بهش بدیم و مشغول نگهش داریم نمیرسه یه سری کارو سرتایمی که باید انجام بده (مثلا paint کردن فریم جدید و نمایشش رو صفحه) ما میتونیم ترد های بیشتری هم بسازیم، یه API هستش به نام Web Worker که خیلی قدیمی هم هستش حتی IE 9 هم ساپورتش میکنه شما یه worker میسازی بعد یه سری کدارو تو اون اجرا میکنی و همزمان با main thread اجرا میشه فقط تنها مشکلش اینکه به DOM دسترسی نداری (بیشتر به درد یه پردازش سنگین میخوره فرض کن داری برنامه google sheets و توسعه میدی بعد میخوای یه اپشن به کاربر بدی که یه ستون دیتارو sort بکنه و خب اگر ۱ میلیون رکورد داشته باشه اون ستون و بخوای رو main thread این کارو انجام بدی قشنگ یه چند ثانیهای اپت گیر میکنه چون Main thread درگیره، ولی اگر ببریش تو worker بعد وقتی sort تموم شد نتیجهشو بیاری تو ترد اصلی و رو DOM بزاری دیگه این مشکلات پیش نمیاد)
سلامم مرسی که وقت گذاشتید و ویدیو و دیدید ❤️ من یبار دیگه نگاه کردم ویدیو رو به جز اون چند ثانیه اول که موزیک بک گراند هستش، کیفیت خوبه و صدا ضعیف نیست لحظه خاصی از ویدیو مدنظرتون هست که صدا کم باشه یا واضح نباشه؟
نه کیفیت صدا خوبه ولی نسبت به ویدیو های کانال های دیگه صدای ی ویدیو شما کمه من مجبورم صدارو اخر بزارم تا یکم بهتر بشه اهنگ بکگراند ربطی به کم بودن صدا نداره منظورم این بود که تو کل ویدیو اهنگ باشه بهتره@@nima_arf
عالی
بعد از اون سه تا ویدئو جای یه ویدئو برای آنالیز call stack , macro task queue جاوااسکریپت خالی میمونه 🤩😂
به به 😍
اینو مینویسم تو لیست ایده ها برای ویدیو های اینده
با این باید thenable و promise و async/await رو هم توضیح داد
perfect
perfect
تسلط عالی
دانش عالی
انتقال مطلب عالی🎉
خودت عالی 🎉
واقعا عالی توضیح دادی
یعنی به بهترین شکل توضیح دادی
لطفاً ویدیو زیاد بزار
خودم حمایت میکنم با معرفی کردن چنل به این خوبی به دیگران
این کمترین کاری هست که میتونیم انجام بدیم ❤
❤️❤️
خیلی خیلی عالی بود. واقعا لذت بردم مخصوصا واسه توضیحات قسمت layout و piant. لطفا از این سبک بیشتر فیلم بذارین
بسیار عالی
همیشه دوست داشتم بدونم
عالی بود
عالی بود ممنون
مفید بود
عالی
عالی🔥
ممنون عالی بود از این دست ویدیو ها حتما بسازید
عالی نیما خیلی خوب بود لذت بردم .
عالی نیما خیلی خوب بود لذت بردم .
عالی بود 🔥🔥
awsome
Perfect
یه سوال, وقتی ما میایم از پرتال ها استفاده میکنیم و یه جورایی یه tree جداگونه به دامامون اضافه میکنیم آیا تغییراتی که روی اونم انجام میدیم باعث میشه دوباره layout و paint ما دوباره کارشون رو انجام بدن و باعث کندی بشه مثل حالت عادی؟
سلامم
ببین فرض کن یه کامپوننت داری که وقتی استییتش میشه یه عدد زوج یه کامپوننت رندر میشه وقتی میشه عدد فرد یه کامپوننت دیگه و خب این جابهجا شدن کامپوننت ها باعث میشه روی درخت دام المنت ها عوض بشن استایل هاشون عوض میشه و بقیه رندر پایپ لاین اتفاق میوفته
حالا اگر این کامپوننت تو پرتال رندر بشه هم همینه و فرقی با حالت بالا نداره
پس باعث کندی نمیشه و ریاکت مطمئن میشه که ما پینت به حداقل برسه
👍👍
❤
لطافا یه فیلم واسه کامپای شدن جاوااسکریپت بذارین با توضیحات جزئی تر
بله حتما روش کار میکنم
درسته کم ویدئو میزاری ولی از کیفیت کم نمیکنی 😍👍
فوق العاده بود ممنون ازتون ❤
😍 خوشحالم که دوسش داشتی
ویدیو های CSR vs SSR و Virtual DOM رو هم ببین اونا هم تو همین سبکن
عالی بود مرسی
خواهش میکنم، خوشحالم که مفید بوده ❤️🔥
خیلی مفید بود
فقط منم که وقتی میبینم صحبت میکنی یاد جادی میوفتم :)))؟
اینو باید از کسایی که هم منو دنبال میکنن هم جادی و بپرسیم
تامبنیل یه ر کم داره درستش کنید لطفا
اوووو
مرسی اصلا بهش دقت نکرده بودم
یه چند دقیقه دیگه که ویدیو جدید و بزارم اینم درستش میکنم
مرسی
ببخشید میشه توضیحات بیشتری راجب main trade بدین؟
خب ما اینو میدونیم برنامههایی که ما مینویسیم توسط CPU پردازش میشن، هر CPU یک یا چند هسته داره که هرکدوم میتونن ۱ تا ۲ ترد و همزمان پردازش کنن (بعد سیستم عامل میاد با الگوریتم time slicing میاد یه تایم خیلی خیلی کمی به ترد ها اختصاص میده و هی تند تند جابهجاشون میکنه بین لیست تردهایی که داریم تا ما یه سیستم عامل multitask داشته باشیم - این قسمتش ارتباط مسیتقیم به سوالی که پرسیدی نداره :دی)
حالا مرورگر چیکار میکنه!؟ به ازای هر tab که تو مرورگر باز میشه یدونه Thread میسازه
اون thread وظیفه اینکه style calculation, layout, paint و هندل کردن ایونت ها و اجرای کدای javascript که ما نویشتیمو داره، به این میگیم main thread
چون ازش فقط یدونه داریم اگر کلی کار بهش بدیم و مشغول نگهش داریم نمیرسه یه سری کارو سرتایمی که باید انجام بده (مثلا paint کردن فریم جدید و نمایشش رو صفحه)
ما میتونیم ترد های بیشتری هم بسازیم، یه API هستش به نام Web Worker که خیلی قدیمی هم هستش حتی IE 9 هم ساپورتش میکنه
شما یه worker میسازی بعد یه سری کدارو تو اون اجرا میکنی و همزمان با main thread اجرا میشه فقط تنها مشکلش اینکه به DOM دسترسی نداری (بیشتر به درد یه پردازش سنگین میخوره فرض کن داری برنامه google sheets و توسعه میدی بعد میخوای یه اپشن به کاربر بدی که یه ستون دیتارو sort بکنه و خب اگر ۱ میلیون رکورد داشته باشه اون ستون و بخوای رو main thread این کارو انجام بدی قشنگ یه چند ثانیهای اپت گیر میکنه چون Main thread درگیره، ولی اگر ببریش تو worker بعد وقتی sort تموم شد نتیجهشو بیاری تو ترد اصلی و رو DOM بزاری دیگه این مشکلات پیش نمیاد)
اینجا بیشتر توضیح داده اگر دوست داشتی میتونی این مقاله رو مطالعه کنی
developer.chrome.com/blog/inside-browser-part1
ویدیو بسیار مفیده ولی صدا یکم ضعیفه و اینکه اروم حرف میزنی
به نظرم اگه یه اهنگ با صدای خیلی کمم تو بکگراند بزاری عالی میشه ویدیوهات
سلامم
مرسی که وقت گذاشتید و ویدیو و دیدید ❤️
من یبار دیگه نگاه کردم ویدیو رو به جز اون چند ثانیه اول که موزیک بک گراند هستش، کیفیت خوبه و صدا ضعیف نیست
لحظه خاصی از ویدیو مدنظرتون هست که صدا کم باشه یا واضح نباشه؟
نه کیفیت صدا خوبه ولی نسبت به ویدیو های کانال های دیگه صدای ی ویدیو شما کمه من مجبورم صدارو اخر بزارم تا یکم بهتر بشه
اهنگ بکگراند ربطی به کم بودن صدا نداره منظورم این بود که تو کل
ویدیو اهنگ باشه بهتره@@nima_arf
بهترینی 🔥🔥🔥🔥
🔥🔥🔥
(الان باید بگم چشات بهترین میبینه؟ 😂)
😍🤣@@nima_arf
سلطان فرانت
چقدر خوب بود نیما جان
منتظر ویدئو های بعدی که گفتی هستم
بسیار عالی بود ❤️🔥💥از الان منتظر ویدیوهای بعدیتم
🔥🔥 مثل همیشه عالی
عالی 🔥🔥
عالی مثل همیشه ❤🎉
مباحث عالی و فوق العاده کاربردی بودن . دمت گرم 💥💥💥💥💥💥💥