BroadcastChannel
ارتباط بین تب‌ها و پنجره‌ها:

let bc = new BroadcastChannel('test');
bc.postMessage("سلام");
bc.onmessage = e => console.log(e.data);

✔️ برای همگام‌سازی داده بین صفحات باز.

#JavaScript #BroadcastChannel #Communication

       ➖➖➖➖➖➖➖➖➖
꧁ channel | group | website ꧂

Clipboard API

خواندن و نوشتن در کلیپ‌بورد:

navigator.clipboard.writeText("متن کپی شده");

✔️ مناسب برای دکمه "Copy to Clipboard".

#JavaScript #ClipboardAPI #UX

       ➖➖➖➖➖➖➖➖➖
꧁ channel | group | website ꧂

matchMedia

تشخیص شرایط رسانه (مثل CSS Media Query):

if(window.matchMedia("(max-width: 600px)").matches){
  console.log("صفحه کوچک است");
}

✔️ برای تغییر رفتار بر اساس اندازه صفحه.

#JavaScript #matchMedia #Responsive

       ➖➖➖➖➖➖➖➖➖
꧁ channel | group | website ꧂

OffscreenCanvas

رندر گرافیک در خارج از صفحه:

let canvas = new OffscreenCanvas(256, 256);
let ctx = canvas.getContext("2d");
ctx.fillRect(0,0,100,100);

✔️ برای عملکرد بهتر در انیمیشن‌ها و پردازش گرافیکی.

#JavaScript #OffscreenCanvas #Graphics

       ➖➖➖➖➖➖➖➖➖
꧁ channel | group | website ꧂

IntersectionObserver

تشخیص وقتی یک المان وارد دید کاربر میشه:

let observer = new IntersectionObserver(entries => {
  if(entries[0].isIntersecting){
    console.log("المان دیده شد!");
  }
});
observer.observe(document.querySelector('#target'));

✔️ عالی برای Lazy Loading و انیمیشن‌ها.

#JavaScript #IntersectionObserver #Performance

       ➖➖➖➖➖➖➖➖➖
꧁ channel | group | website ꧂

AbortController

کنترل و لغو درخواست‌های Fetch:

let controller = new AbortController();
fetch('/data', { signal: controller.signal });
controller.abort();

✔️ مدیریت بهتر درخواست‌های شبکه و جلوگیری از نشت حافظه.

#JavaScript #AbortController #Fetch

       ➖➖➖➖➖➖➖➖➖
꧁ channel | group | website ꧂

Performance API

اندازه‌گیری سرعت اجرای کد:

performance.mark("start");
// کد شما
performance.mark("end");
performance.measure("myCode", "start", "end");
console.log(performance.getEntriesByName("myCode"));

✔️ برای بهینه‌سازی واقعی پروژه.

#JavaScript #PerformanceAPI #Optimization

       ➖➖➖➖➖➖➖➖➖
꧁ channel | group | website ꧂

Notification API

ارسال نوتیفیکیشن به کاربر:

Notification.requestPermission().then(p => {
  if(p === "granted"){
    new Notification("سلام! وقتشه برگردی به سایت 😉");
  }
});

✔️ برای یادآوری و افزایش تعامل.

#JavaScript #NotificationAPI #Engagement

       ➖➖➖➖➖➖➖➖➖
꧁ channel | group | website ꧂

StructuredClone

کپی عمیق و ایمن اشیا:

let obj = { a: 1, b: { c: 2 } };
let clone = structuredClone(obj);
clone.b.c = 99;
console.log(obj.b.c); // 2

✔️ سریع‌تر و امن‌تر از JSON.parse(JSON.stringify).

#JavaScript #StructuredClone #DeepCopy

       ➖➖➖➖➖➖➖➖➖
꧁ channel | group | website ꧂

Page Visibility API

تشخیص وقتی کاربر تب رو ترک یا برمیگرده:

document.addEventListener("visibilitychange", () => {
  if(document.hidden) console.log("کاربر رفت");
  else console.log("کاربر برگشت");
});

✔️ برای توقف و ادامه پخش ویدیو یا انیمیشن.

#JavaScript #PageVisibilityAPI #UserExperience

       ➖➖➖➖➖➖➖➖➖
꧁ channel | group | website ꧂

Web Workers

اجرای کد در یک Thread جدا بدون کند کردن UI:

// worker.js
self.onmessage = e => {
  let result = e.data * 2;
  postMessage(result);
};

// main.js
let worker = new Worker('worker.js');
worker.postMessage(5);
worker.onmessage = e => console.log(e.data); // 10

✔️ عالی برای محاسبات سنگین بدون فریز شدن صفحه.

#JavaScript #WebWorkers #Performance

       ➖➖➖➖➖➖➖➖➖
꧁ channel | group | website ꧂

Streams API

خواندن داده‌ها تکه‌تکه به جای یکجا:

fetch('/bigfile.txt')
  .then(res => res.body.getReader())
  .then(reader => reader.read().then(console.log));

✔️ برای مدیریت فایل‌های بزرگ بدون فشار به حافظه.

#JavaScript #StreamsAPI #Optimization

       ➖➖➖➖➖➖➖➖➖
꧁ channel | group | website ꧂

SharedArrayBuffer

اشتراک حافظه بین Thread‌ها:

let buffer = new SharedArrayBuffer(1024);
let arr = new Int32Array(buffer);
arr[0] = 42;

✔️ برای پروژه‌های با نیاز به هماهنگی داده‌ها.

#JavaScript #SharedArrayBuffer #Concurrency

       ➖➖➖➖➖➖➖➖➖
꧁ channel | group | website ꧂

BroadcastChannel

ارتباط بین تب‌های مختلف مرورگر:

let bc = new BroadcastChannel('channel_name');
bc.onmessage = e => console.log(e.data);
bc.postMessage('سلام از تب دیگه!');

✔️ عالی برای همگام‌سازی دیتا بین تب‌ها.

#JavaScript #BroadcastChannel #WebDev

       ➖➖➖➖➖➖➖➖➖
꧁ channel | group | website ꧂