codepedia
5.64K subscribers
1.55K photos
948 videos
626 files
885 links
💞 هدف این کانال آموزش رایگان برنامه نویسی💥
↩️دوره های موجود رو از دست ندید😍
❌️اینجا‌منبع کتاب های برنامه‌نویسی نامبروانههه🥳
Download Telegram
🚀 (اکس لینت) oxlint اکنون از پلاگین‌های جاوااسکریپت پشتیبانی می‌کند!

اکس‌لینت (oxlint) - لینتر فوق‌سریع Rust-based - حالا قابلیت گسترش با پلاگین‌های JS/TS را دارد.

قابلیت‌های جدید:
•نوشتن قوانین لینت سفارشی با جاوااسکریپت/تایپ‌اسکریپت
•یکپارچه‌سازی با اکوسیستم موجود ESLint
•عملکرد بالا با حفظ سرعت هسته Rust

🎯 نحوه استفاده:

// oxlint.config.js
export default {
plugins: ['my-plugin'],
rules: {
'my-plugin/my-rule': 'error'
}
}

مزایای کلیدی:

· سرعت ۵۰-۱۰۰ برابر سریع‌تر از ESLint
· پشتیبانی از پلاگین‌های موجود جامعه
· توسعه آسان قوانین سفارشی

این به روزرسانی oxlint را به انتخابی ایده‌آل برای پروژه‌های بزرگ با نیازهای خاص تبدیل می‌کند.

#JavaScript #TypeScript #Oxlint #Linting #WebDevelopment #Rust

🆔@code_pedia
👍1
🎯 تگ `<template>`: قابلیت هسته HTML که جاوااسکریپت من را ساده کرد

تگ <template> یک ابزار قدرتمند و ناشناخته در HTML است:

💡 تگ `<template>` چیست؟
- بخشی از HTML که در ابتدا رندر نمی‌شود
- قابل استفاده مجدد در runtime با جاوااسکریپت
- حافظه‌کار و بهینه برای المان‌های تکراری

🛠 مثال عملی:
<template id="user-card">
<div class="card">
<h3 class="name"></h3>
<p class="email"></p>
</div>
</template>


// استفاده از template
const template = document.getElementById('user-card');
const clone = template.content.cloneNode(true);

clone.querySelector('.name').textContent = 'John Doe';
clone.querySelector('.email').textContent = '[email protected]';

document.body.appendChild(clone);


⚡️ مزایای کلیدی:
- کاهش پیچیدگی جاوااسکریپت
- عملکرد بهتر نسبت به innerHTML
- ساختار تمیز و قابل نگهداری
- جدا کردن منطق از نمایش

🎯 کاربردها:
- کامپوننت‌های داینامیک
- لیست‌های تکراری
- modalها و popupها
- ساختارهای پیچیده UI

#HTML #JavaScript #WebDevelopment #Frontend #Programming

🆔@code_pedia
🔥21