GyaanSetu JavaScript

The JavaScript and TypeScript ecosystem.

90 articlesDeep, practical knowledge

يبدأ معظم الناس تعلم جافا سكريبت من خلال بناء الأشياء. تقوم بربط زر، وجلب بعض البيانات، ومراقبة تغير الـ DOM. ثم...

يبدأ معظم الناس تعلم جافا سكريبت من خلال بناء الأشياء. تقوم بربط زر، وجلب بعض البيانات، ومراقبة تغير الـ DOM. ثم تبدأ التجريدات بالتسرب. تظهر أخطاء برمجية لا معنى لها: متغيـ...

JavaScript · 6 دقيقة قراءة

لدى الجميع ذلك المجلد. الممتلئ بالدروس التعليمية غير المكتملة، والمشاريع الجانبية المهجورة، وملفات README التي...

لدى الجميع ذلك المجلد. الممتلئ بالدروس التعليمية غير المكتملة، والمشاريع الجانبية المهجورة، وملفات README التي تعد بأكثر مما تقدمه. إنه مقبرة للأفكار الجيدة في...

JavaScript · 6 دقيقة قراءة

فرق React تخفض مؤشر INP إلى أقل من 200 مللي ثانية عبر تقسيم المهام الطويلة واستخدام startTransition

حتى مع الحصول على درجات مثالية في Lighthouse، قد يتجاوز مؤشر "التفاعل إلى الرسم التالي" (INP) للمستخدمين الحقيقيين 500 مللي ثانية. ولكن من خلال تقسيم المهام الطويلة باستخدام scheduler.yield، وتغليف التحديثات غير العاجلة بـ startTransition، وتقليص عناصر DOM غير الظاهرة على الشاشة، يمكنك خفض مؤشر INP إلى ما دون عتبة الـ 200 مللي ثانية المصنفة كـ "سريعة".

JavaScript · 2 دقيقة قراءة

صناديق التعتيم السوداء كانت تضللنا – طريقة جديدة تحول الصفحات الحساسة إلى صور

يعمل المحرر بالكامل داخل المتصفح، حيث يقوم بتحويل الصفحات التي تحتوي على عمليات التعتيم فقط إلى صور نقطية (bitmaps) بمقياس ثلاث أضعاف، بينما يترك بقية المستند بصيغة متجهة (vector-based)، مما يحافظ على ميزة البحث ويبقي حجم الملف صغيراً.

JavaScript · 3 دقيقة قراءة

Auto-Animate يضيف رسومًا متحركة للقوائم بدون كتابة كود إلى Marko 6

تتوفر حزمة @formkit/auto-animate/marko الجديدة عبر npm، حيث تقوم بتغليف العنصر الأب للقائمة باستخدام <AutoAnimate>، وتستخدم MutationObserver لتحريك عمليات الإضافة والحذف وإعادة الترتيب دون الحاجة إلى أي كود JavaScript إضافي أو خطافات دورة الحياة (lifecycle hooks).

JavaScript · 2 دقيقة قراءة

كانت شبكة الويب في بداياتها تعتمد على النصوص المجردة. كنت تكتب اسم مستخدم أو تعليقًا في نموذج، ثم تضغط على إرسال، لتنتقل سلسلة نصية قصيرة...

كانت شبكة الويب في بداياتها تعتمد على النصوص المجردة. كنت تكتب اسم مستخدم أو تعليقًا في نموذج، ثم تضغط على إرسال، لتنتقل سلسلة نصية قصيرة إلى الخادم عبر بروتوكول HTTP. تلك الدورة البسيطة من الطلب والاستجابة...

JavaScript · 5 دقيقة قراءة

عنق زجاجة الـ DOM الذي لا يتحدث عنه أحد

عنق زجاجة الـ DOM الذي لا يتحدث عنه أحد. تخيل لوحة تحكم للدعم الفني تسحب عشرة آلاف إدخال سجل، أو نظام إدارة علاقات العملاء (CRM) يحاول عرض كل جهة اتصال في جدول واحد قابل للتمرير. في...

JavaScript · 7 دقيقة قراءة

هل تعرف ذلك الشعور عندما تبدأ بتعلم لغة جديدة وتتوقع أن تنطلق بسرعة، لكنك تتعثر في الخطوة الأولى؟ ذلك...

هل تعرف ذلك الشعور عندما تبدأ بتعلم لغة جديدة وتتوقع أن تنطلق بسرعة، لكنك تتعثر في الخطوة الأولى؟ هذا ما حدث معي مع Rust. كان لدي أداة JavaScript تعمل بشكل ممتاز...

JavaScript · 3 دقيقة قراءة

كل برنامج مفيد يصل في نهاية المطاف إلى نقطة اتخاذ قرار. هل يجب أن يقوم هذا الزر بإرسال النموذج أم إظهار خطأ؟ هل هذا الم...

كل برنامج مفيد يصل في نهاية المطاف إلى نقطة اتخاذ قرار. هل يجب أن يقوم هذا الزر بإرسال النموذج أم إظهار خطأ؟ هل يرى هذا المستخدم لوحة تحكم المسؤول أم عرض الضيف؟ جافا سكريبت و...

JavaScript · 3 دقيقة قراءة