Microfrontend.ir

Microfrontend.ir

آموزش پروژه محور جاوا اسکریپت و DOM در این ویدیو به معرفی پلی لیست آموزش پروژه محور رایگان جاوا اسکریپت و DOM پرداختم. در این پلی لیست قصد دارم به چند تا سوال مهم در مورد DOM یا document object model و همچنین مکانزیم‌های رندرینگ در فضای بروز پاسخ دهم و سپس…

آموزش پروژه محور رایگان جاوا اسکریپت - DOM چیست؟

در قسمت اول از پلی لیست آموزش پروژه محور رایگان جاوا اسکریپت و DOM به بررسی مسیری که مرورگر برای نمایش صفحات یا Critical Render Path طی می‌کند پرداختیم. مرورگر به شکل کلی ۵ گام اصلی را برای رندر طی می‌کند. در گام اول DOM را می‌سازد، در گام دوم CSS Object Model و در گام سوم این دو را باهم ترکیب و Render Tree را می سازد. در گام چهارم هرآنچه برای چیدن Layout لازم است را داریم و در نهایت آن را Paint می کند. فرایند گفته شده را با یک مثال ساده در بروزر بررسی کردیم.


Link: https://youtu.be/XmQvIvP6yxc

PlayList: https://www.youtube.com/playlist?list=PLJ9zDGwhhsBxTnc38aIpeTV3m_UUw-4EF
〰️〰️〰️〰️〰️〰️
© @microfrontend_ir

www.tg-me.com/ye/telegram/com.microfrontend_ir/267

993 viewsMay 30, 2024 at 17:40

آموزش پروژه محور رایگان جاوا اسکریپت - DOM چیست؟

در قسمت اول از پلی لیست آموزش پروژه محور رایگان جاوا اسکریپت و DOM به بررسی مسیری که مرورگر برای نمایش صفحات یا Critical Render Path طی می‌کند پرداختیم. مرورگر به شکل کلی ۵ گام اصلی را برای رندر طی می‌کند. در گام اول DOM را می‌سازد، در گام دوم CSS Object Model و در گام سوم این دو را باهم ترکیب و Render Tree را می سازد. در گام چهارم هرآنچه برای چیدن Layout لازم است را داریم و در نهایت آن را Paint می کند. فرایند گفته شده را با یک مثال ساده در بروزر بررسی کردیم.


Link: https://youtu.be/XmQvIvP6yxc

PlayList: https://www.youtube.com/playlist?list=PLJ9zDGwhhsBxTnc38aIpeTV3m_UUw-4EF
〰️〰️〰️〰️〰️〰️
© @microfrontend_ir

BY Microfrontend.ir