📚 Notepad with Python:

from tkinter import *
root = Tk()
root.geometry("350x350")
root.noscript("My Notes")
root.minsize(height = 250, width = 350)
root.maxsize(height = 250, width = 350)
Scrollbar = Scrollbar(root)
Scrollbar.pack(side = RIGHT, fill = Y)
text_info = Text(root, yscrollcommand = Scrollbar.set)
text_info.pack(fill = BOTH)
Scrollbar.config(command = text_info.yview)
root.mainloop()

➖➖➖➖➖➖➖➖➖➖

🎯 Sub | #Python

#Shahab_prgm
👨‍💻👩‍💻| @PersianStack

📚Web-Safe Mean:

نمایشگرهای رایانه همیشه خوبی نمایشگرهایی که امروزه میشناسیم نبودن.
برای مدتی طولانی بیشتر مانیتورها فقط میتونستن ۲۵۶ رنگ رو نمایش بدن.

وقتی از رنگی در تصویری استفاده میشد که روی مانیتور موجود نبود‌، باید از جایگزین دیگه ای استفاده میشد.
این یا نزدیکترین رنگ بود یا یک رنگ دوتایی بود که ارائه اش کُند بود اما میتونست بهتر به نظر برسه.

در تلاش برای ساخت یک پالت استاندارد از رنگهایی که استفاده از اونا در نمایشگرهایی با قابلیت نمایش ۲۵۶ رنگ بی خطره، مجموعه ای از ۲۱۶ رنگ انتخاب شده و به عنوان رنگ‌های web‑safe شناخته میشن.

این مطلبو فرستادم تا اونایی که با Web-Safe آشنایی ندارن، بدونن❤️

🎯 Sub | #Web_Safe

#Shahab_prgm
👨‍💻👩‍💻| @PersianStack

دوستان یک نکته رو خاطر نشان کنم که در قسمت ورودی init کلاس car همونطور که میبینید بعد از اسم پارامتر ها علامت : قرار گرفته و یک تایپ خاص جلوش نوشته شده، خواستم بگم که این کار باعث میشه اون پارامتر تنها همون تایپ رو به عنوان ورودی بگیره و اگه مثلا به جای str بهش int بدید ارور برمیگردونه.
(درواقع نشان پدرش که توش int , double , ... که نیاز بود بزنی رو وارد پایتون کردیم، بنابراین الزامی نیست و تنها برای مشخص شدن تایپ استفاده میشه)
#Kasra_Hosseini
👨‍💻👩‍💻| @PersianStack

البته دوستان اشاره کردن که ارور برنمیگردونه
ممنون که این نکات رو یاد آوری میکنید ❤️🙏

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

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

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

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

➖➖➖➖➖➖➖➖➖➖

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

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

➖➖➖➖➖➖➖➖➖➖

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

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

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

🎯 Sub | #Javanoscript

#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 | #Javanoscript

#Shahab_prgm
👨‍💻👩‍💻| @PersianStack