جافا سكريبت - خطأ في تطبيق Svelte: فشل تحويل النص إلى قيمة منطقية في واجهة العرض
في تطبيق Svelte، لدي هذه المصفوفة من البلدان:
let countries = [ { name:"Alegeria", status: "1" }, { name:"Bulgaria", status :"0" } ]لاحظ أن الخاصية st
اقرأ أكثر →جافاسكريبت - ما نوع فوائد الأداء التي يحصل عليها Svelte لعدم امتلاكه واجهة DOM افتراضية؟
لدي سؤال حول سفيليت، إذا كانت سفيليت لا تتبنى آلية الـ Virtual DOM أو الـ Shadow DOM، كيف تقوم بتوليد تطبيقات عالية الأداء، لأن سفيليت مجرد مترجم، الذي يولد بناء جافاسكريبت نقي، هل هذه هي النتيجة الوحيدة من سفيليت، تحويل الكود إلى جافاسكريبت نقي، هل سيعطيك تطبيقات عالية الأداء؟، إذن لماذا يستخدم React أو Angular آليات مثل الـ Virtual DOM أو الـ Shadow DOM؟
أعلم أن هذا ليس سؤال برمجي، لكنني أردت الإجابة، لذلك نشرت هذا هنا فقط، من فضلك لا تحذف أو تخصص لهذا المنشور. أريد أن أفهم التفاصيل ا
اقرأ أكثر →جافا سكريبت - كيف أنشئ كوكي في سفيليت وأصل إليه؟
أحاول إنشاء ملف تعريف ارتباط في Svelte (وأنا أيضاً أستخدم Svelte Kit) والوصول إليه. أريد استخدام ملف تعريف الارتباط لأغراض المصادقة، وبشكل أكثر تحديداً، لتخزين رمز JWT.
لقد حاولت تنفيذ كود جافا سكريبت نقي، مثل getCookie() و setCookie() كما هو موضح هنا W3Schools - JavaScript Cookies. ل
اقرأ أكثر →جافاسكريبت - اختبار مكونات Svelte باستخدام Jest، غير قادر على تحميل ملفات Svelte بشكل متكرر
أنا أعمل على مشروع Svelte مع Typescript وأريد استخدام Jest لاختبار مكونات واجهة المستخدم باستخدام وحدة @testing-library/svelte. لا أستطيع استيراد جميع ملفات Svelte الخاصة بي بشكل صحيح مثل المكونات الفرعية وJest يتوقف فقط وهو يحاول تحميل التطبيق.
هناك بعض أخطاء تايبسكريبت في مكونات سفيليت ومن خلال طباعة هذه الأخطاء، أستطيع أن أرى أي الملفات تم تحميلها فعليًا. بعد تحميل App.svelte، يتجمد البرنامج ولا يقوم بتحميل أي من الوحدات الفرعية.
لست متأكدًا تمامًا من مكان الخطأ، لأنه قبل هذا ا
اقرأ أكثر →Svelte TypeScript: الكائن من نوع 'مجهول'
أنا أحاول تنفيذ TypeScript في Svelte ولدي مشكلة مع معالجات الأحداث في العناصر المخصصة. عندما أكتب شيئًا مثل:
<CustomComponent on:itemclick={() => dispatch("item", item)} on:doSometing={onDoSomethingHandler} on:doSomethingElse={onDoSomethingElseHandler}> </CustomComponent>والآن الشيء المضحك: الأولان سيولدان خطأ:
الكائن من النوع 'غير معروف'
لكن ليس الأخير. بالطبع، جميع الطرق على:
اقرأ أكثر →جافاسكريبت - خطأ التمرير اللانهائي في مكون عارض الهيكس Svelte
لقد كنت أعمل على إنشاء مكون عرض سداسي عشري قادر على التعامل مع عرض مصفوفات كبيرة بشكل تعسفي. من المتوقع أن تصل القيم إلى عشرات الملايين. لقد تمكنت من جعل هذا المكون يعمل إلى حد كبير، لكن هناك خطأ غامض عالقة معي منذ أيام.
الفكرة هي عرض فقط ما هو ظاهر حاليًا على الشاشة في DOM. هناك عناصر فاصل فوق وتحت نافذة العرض تحاكي إخراج الخلايا التي لا يتم عرضها.
يمكن العثور على المكون ذي الصلة هنا: https://github.com/DamenH/hex-viewer/blob/master/src/lib/SmartDataGrid.svelte
تقوم هذه الد
اقرأ أكثر →Svelte و TypeScript: كيفية إضافة أو توسيع مكون أساسي/افتراضي مثل <div /> أو <input/>
في تطبيقي على Svelte أحاول السماح للمستخدمين بتحميل المجلدات بالإضافة إلى الملفات. حتى الآن، الطريقة الوحيدة التي وجدتها للقيام بذلك هي استخدام وسم الإدخال input مع السمة type="file"، وإضافة السمة webkitdirectory، والتي للأسف غير معيارية. نوع الإدخال في Svelte لا
اقرأ أكثر →تايب سكريبت - كيف تنفذ نقطة نهاية Post في Sveltekit تقوم بعمل طلب قاعدة بيانات غير متزامن؟
لذلك عندما أصل إلى نقطة نهاية POST في SvelteKit تعمل بشكل جيد إذا قدمت بعض القيم ولم تجتز فحوصات التحقق. فهي تعيد الحالة والجسم الصحيحين. ومع ذلك، عندما يتم الإدراج في قاعدة البيانات، تعيد نقطة النهاية خطأ 404 لكنها تُدرج المستخدم في قاعدة البيانات بشكل صحي
اقرأ أكثر →تايبسكريبت - إضافة تحليلات جوجل مع مدير الموافقات إلى موقع SvelteKit
أحتاج إلى إضافة Google Analytics إلى موقع SvelteKit. التعليمات من Google تقول إنه يجب إضافة الكود أدناه إلى وسم <head>، لذا فكرت أنه يمكنني إضافته ببساطة في app.html. المشكلة هي أنني بحاجة إلى استخدام وضع الموافقة (Consent Mode) للامتثال للوائح GDPR. للقيام بذلك، يجب أن أكون قادرًا على قراءة وكتابة بعض المتغيرات لتمكين وتعطيل التحليلات.
حسب ما أستطيع أن ألاحظ، لا يمكنني الوصول إلى أي متغيرات من داخل وسم <head>. كما حاولت إضافة نفس الكود
اقرأ أكثر →تايب سكريبت - عدة نسخ لتطبيق Svelte مع المتاجر (بدون Redux)
ملاحظة: تم الرد من قبل النفس
لذلك، بشكل افتراضي، هناك ثلاث طرق رئيسية في Svelte يمكنك استخدامها لتمرير البيانات بين المكونات المختلفة.
1. الواضح، باستخدام الدعائم
تمرير البيانات من الأصل إلى الطفل.
- نقل البيانات ف اقرأ أكثر →