میدونستید علاوه بر Dom یه چیزی داریم برای CSSها که بهش میگن CSSOM؟
از ۲۰۱۱ درفتش وجود داشته ولی ۲۰۲۰ به مرورگر apiهاش اضافه شده.
عجیبترش اینکه تا حالا چیزی در موردش نشنیده بودم!
لینک‌های زیر مفصل توضیح داده :
https://developer.chrome.com/blog/cssom/
https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model
#css #tip #html
از ۲۰۱۱ درفتش وجود داشته ولی ۲۰۲۰ به مرورگر apiهاش اضافه شده.
عجیبترش اینکه تا حالا چیزی در موردش نشنیده بودم!
لینک‌های زیر مفصل توضیح داده :
https://developer.chrome.com/blog/cssom/
https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model
#css #tip #html
اگر با جاوا اسکریپت مستقیما میخواید DOM رو تغییر بدید به جای innerHtml از createTextNode استفاده کنید که کاراکترها escape بشه
const newtext = document.createTextNode(text);
const p1 = document.getElementById("p1");
p1.appendChild(newtext);
#tip #html #javascript
const newtext = document.createTextNode(text);
const p1 = document.getElementById("p1");
p1.appendChild(newtext);
#tip #html #javascript
آموزش workerها در HTML
اگه خوشتون اومد لایک و کامنت توی یوتیوب فراموش نشه ❤️
https://www.youtube.com/watch?v=DSR3XZ8AOZI
#html #worker
اگه خوشتون اومد لایک و کامنت توی یوتیوب فراموش نشه ❤️
https://www.youtube.com/watch?v=DSR3XZ8AOZI
#html #worker
YouTube
Html5 Web Worker
آموزش Web Worker
ویدیو با کیفیت بالا آپلود شده است. در صورت نیاز از تنظیمات یوتیوب کیفیت را افزایش دهید.
تلگرام:
https://t.iss.one/alithecodeguy
لینکدین:
https://www.linkedin.com/in/alithecodeguy/
یوتیوب:
https://www.youtube.com/alithecodeguy
ویدیو با کیفیت بالا آپلود شده است. در صورت نیاز از تنظیمات یوتیوب کیفیت را افزایش دهید.
تلگرام:
https://t.iss.one/alithecodeguy
لینکدین:
https://www.linkedin.com/in/alithecodeguy/
یوتیوب:
https://www.youtube.com/alithecodeguy
نکته HTMLای:
- pageX/Y gives the coordinates relative to the <html> element in CSS pixels.
- clientX/Y gives the coordinates relative to the viewport in CSS pixels.
- screenX/Y gives the coordinates relative to the screen in device pixels
#html #tip @alithecodeguy
- pageX/Y gives the coordinates relative to the <html> element in CSS pixels.
- clientX/Y gives the coordinates relative to the viewport in CSS pixels.
- screenX/Y gives the coordinates relative to the screen in device pixels
#html #tip @alithecodeguy
هر صفحه یا وب‌اپلیکیشنی که توی یک مرورگر اجرا بشه ، در نهایت باید تابع محدودیت‌های مرورگر باشه و در پایین‌ترین سطح فقط از ابزارهایی که مرورگر در اختیارش قرار میده می‌تونه استفاده کنه. هر کتابخانه یا ابزاری هم که تا الان استفاده کردید ، موقع اجرا به یکی از ویژگی‌ها و امکانات مرورگر تبدیل میشه تا اجرا بشه که بهشون میگن BrowserAPIs.
در همین خصوص ، برای گرفتن یا ارسال دیتا از بک‌اند یا یک سرور ثانویه هم ، صفحه شما فقط می‌تونه از یکی از این چهارتا ویژگی استفاده کنه :
1. HTTP
2. WEB SOCKETS
3. API POLLING
4. SERVER SENT EVENTS (SSE)
ابزارهایی مثل SignalR یا LightStreamer هم اومدن همینارو تحت شرایطی با هم ترکیب کردن و در اختیار برنامه‌نویس قرار دادن.
موضوع حتی وقتی جالب‌تر میشه که این سوال براتون پیش بیاد که پس وقتی یک آدرس رو میزنیم تا یک سایت رو ببینیم چی پیش میاد؟ وقتی شما سایتی رو باز می‌کنید در حقیقت دارید یک fetch ساده میزنید یا متد Get. به همین سادگی. کارای نمایشش رو مرورگر گردن میگیره.
برای مطالعه بیشتر :
https://www.linkedin.com/pulse/ways-send-data-from-backend-frontend-priyank-rai/
آیا تموم شد؟ اگر نخواید سخت بگیرید آره. همین بودن.
ولی اگر کمی موشکافی کنید میبینید ۳ تا دیگه هم هست :
5. Web RTC
6. Push Notifications
7. Web Transport
که تقریبا مفاهیم جدیدی هستن و ممکنه همه مرورگرها پشتیبانی نکنن.
برای مطالعه بیشتر این لینک رو پیشنهاد میکنم:
https://dev.to/snickdx/connection-types-in-web-apps-15ie
------
اگر مورد دیگه‌ای هست که بلدید ولی اینجا نیومده ، ممنون میشم با رفرنس کامنت کنید که یاد بگیریم ❤️
#tip #browser #html #dom
در همین خصوص ، برای گرفتن یا ارسال دیتا از بک‌اند یا یک سرور ثانویه هم ، صفحه شما فقط می‌تونه از یکی از این چهارتا ویژگی استفاده کنه :
1. HTTP
2. WEB SOCKETS
3. API POLLING
4. SERVER SENT EVENTS (SSE)
ابزارهایی مثل SignalR یا LightStreamer هم اومدن همینارو تحت شرایطی با هم ترکیب کردن و در اختیار برنامه‌نویس قرار دادن.
موضوع حتی وقتی جالب‌تر میشه که این سوال براتون پیش بیاد که پس وقتی یک آدرس رو میزنیم تا یک سایت رو ببینیم چی پیش میاد؟ وقتی شما سایتی رو باز می‌کنید در حقیقت دارید یک fetch ساده میزنید یا متد Get. به همین سادگی. کارای نمایشش رو مرورگر گردن میگیره.
برای مطالعه بیشتر :
https://www.linkedin.com/pulse/ways-send-data-from-backend-frontend-priyank-rai/
آیا تموم شد؟ اگر نخواید سخت بگیرید آره. همین بودن.
ولی اگر کمی موشکافی کنید میبینید ۳ تا دیگه هم هست :
5. Web RTC
6. Push Notifications
7. Web Transport
که تقریبا مفاهیم جدیدی هستن و ممکنه همه مرورگرها پشتیبانی نکنن.
برای مطالعه بیشتر این لینک رو پیشنهاد میکنم:
https://dev.to/snickdx/connection-types-in-web-apps-15ie
------
اگر مورد دیگه‌ای هست که بلدید ولی اینجا نیومده ، ممنون میشم با رفرنس کامنت کنید که یاد بگیریم ❤️
#tip #browser #html #dom
ویژگی جدید CSS
:nth-child(x of . myClass)
#css #html
@alithecodeguy
https://youtube.com/shorts/bEDW_mG18mo?si=s6cdExceFzoYuRWG
:nth-child(x of . myClass)
#css #html
@alithecodeguy
https://youtube.com/shorts/bEDW_mG18mo?si=s6cdExceFzoYuRWG
YouTube
:nth-child(x of . myClass)