📚معنای Intersection observer چیست و در کجاها به کار می‌رود؟

به احتمال خیلی زیاد براتون پیش اومده که بخواین بررسی کنید که یک المنت داخل Viewport قرار داره یا نه.

مثلا فرض کنید که شما یک سیستم چت مثل تلگرام رو میخواین درست کنید.
زمانی که پیام‌ها در Viewport قرار میگیرن، یک Request به سمت سرور ارسال میشه و پیام بصورت خوانده شده در میاد و کاربری که برای شما پیام فرستاده متوجه میشه که شما پیام اون رو دیدین.

کارهای زیادی میشه با این تکنیک انجام داد که تو هر پروژه با پروژه دیگه متفاوته!

➖➖➖➖➖➖➖➖➖➖

📚 معنای Viewport چیست؟

به قسمتی از مرورگر که ما محتوای سایت رو داخل اون مشاهده میکنیم، Viewport میگن.
یعنی tab و address bar و… جز Viewport محسوب نمیشن و فقط اون قسمت داخلی رو شامل میشه.

➖➖➖➖➖➖➖➖➖➖

📚حالا از کجا بفهمیم المنت‌مون داخل viewport قرار داره، یا نه؟

به کمک function زیر می‌تونید چک کنید که element مورد نظرتون درون viewport هست یا نه👇

⚜️ادامه پست بعد⚜️

🎯 Sub | #Javascript

#Shahab_prgm
👨‍💻👩‍💻| @PersianStack

function isElementInViewport (el) {
//special bonus for those using jQuery
if (typeof jQuery === "function" && el instanceof jQuery) {
el = el[0];
}
var rect = el.getBoundingClientRect();
return (
rect.top >= 0 &&
rect.left >= 0 &&
rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && */
rect.right <= (window.innerWidth || document.documentElement.clientWidth)
);
}

💯Coded with JQuery💯

➖➖➖➖➖➖➖➖➖➖

همونطور که دیدید، تابع بالا یک المنت رو میگیره و true و false برگشت میده و به شما میگه که المنت تو Viewport هست یا نه.

✅حالا Intersection observer چیه؟

جدیدا یک API به نام Intersection Observer API اضافه شده که کار بالا رو به راحتی و با Performance خیلی بالا میتونه انجام بده و امکانات بیشتری رو در اختیارتون قرار میده.

⛔این ویژگی فقط در مرورگرهای مدرن پشتیبانی میشه⛔


🎯 Sub | #Javascript

#Shahab_prgm
👨‍💻👩‍💻| @PersianStack

این هم #پرسش یکی از دوستان بود که بنظرم جالب اومد و براتون گذاشتمش😄❤️

🎯 Sub |#پایتون
یه توضیح ساده راجب اینکه پایتون چگونه کامپایل میشود🧐
//رفرنس اصلی چه میگوید🤨
In Python, the source code is compiled into a much simpler form called bytecode. These are instructions similar in spirit to CPU instructions, but instead of being executed by the CPU, they are executed by software called a virtual machine. ... The Python implementation compiles the files as needed.
//من چه میگویم😄
بهتره که خیلی راحت از بغل این مبحث رد بشید چون واقعا پیچیدست(و اصلا مهم هم نیست😐) ولی خب یه توضیح ساده در موردش اینه که توی پایتون مراحل کامپایل اینطوری پیش میره که اول مفسر که پایتون مارو بررسی میکنه و چندین تسک رو روی اون انجام میده تا ارورها و.... رو شناسایی و گزارش کنه
بعدش کد رو تبدیل(تفسیر) به یچیزی به اسم ByteCode میکنه(تقریبا زبان میانیه ولی واقعا زبان میانی نیست) و توی فایلی با پسوند pyc. ذخیره میکنه(از پایتون3.2 به بعد توی پوشه ای به اسم —pycache— ذخیره میشن)
بعدش این ByteCode ها روی ماشین مجازی پایتون(راجب PVM ها سرچ کنید انواعشونو میبینید که پرکاربردترینشون Cpython هست که به خاطر قابلیت کامپایلری بودن و هم مفسری بود استفاده میشه) اجرا میشن و خروجی رو بر میگردونن برای همین ما همیشه توی پایتون چیزی به اسم محیط کاری(python virtual environment) رو داریم حتی وقتی دستی نمیسازیمش پیشفرض ایجاد میشه(همچنین این یکی از دلایلیه که پایتون برای مباحث امنیتی مورد استفاده قرار میگیره)

روزخوش😉
--منابع--منابع--منابع--منابع--
#Ali
👨‍💻👩‍💻| @PersianStack

🎯 Sub | #Malware
#قلی
👨‍💻👩‍💻| @PersianStack

🎯 Sub | #Anti_Malware #Sandbox
#قلی
👨‍💻👩‍💻| @PersianStack

🎯 Sub | #SubDirectory vs #Subdomain
#قلی
👨‍💻👩‍💻| @PersianStack

🎯 Sub | #Programming_Languages_Comparison
#OS_Comparison
#قلی
👨‍💻👩‍💻| @PersianStack

سوال : چرا وقتی دکمه ctrl +alt+del میزنید اون صفحهه بالا میاد و میتونید از توش تسک منیجر و بقیه چیزارو اجرا کنید حتی وقتی برنامه ها کرش کردن و سیستم اجازه نمیده برنامه دیگه ای ران بشه ؟

🎯 Sub | #IRQ
#قلی
👨‍💻👩‍💻| @PersianStack