التراجع والإعادة باستخدام سجل Store
أنشئ مكدس سجل حول Store قابل للكتابة لدعم التراجع والإعادة.
التراجع والإعادة باستخدام سجل Store درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 4 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
مكدس السجل
غلّف مخزنًا قابلًا للكتابة بمصفوفات للماضي والحاضر والمستقبل لدعم التراجع والإعادة.
التنفيذ الأساسي
احتفظ بقائمة بالحالات السابقة.
function createHistory(initial) {
let past = [], future = [];
const state = writable(initial);
return {
subscribe: state.subscribe,
set(v) { past.push(get(state)); future = []; state.set(v); },
undo() { if (past.length) { future.push(get(state)); state.set(past.pop()); } },
redo() { if (future.length) { past.push(get(state)); state.set(future.pop()); } }
};
}تحديد حجم المكدس
حدّد طول السجل للحد من استخدام الذاكرة.
النسخ العميقة
أضف نسخًا عميقة من الكائنات لتجنب مشكلات التغيير.
اختصارات لوحة المفاتيح
اربط Ctrl+Z وCtrl+Shift+Z بالتراجع والإعادة لتوفير تجربة طبيعية.
الاحتفاظ بالسجل
احفظ السجل في localStorage لدعم التراجع عبر الجلسات، مع مراعاة الحجم.
الأداء
بالنسبة إلى الحالات الكبيرة، خزّن الفروقات بدلًا من اللقطات الكاملة.
التفرع
تمسح معظم التطبيقات المستقبل عند تنفيذ إجراء جديد، بينما تحتفظ بعض المحررات بسجل متفرع.
خيارات المكتبات
توفر مكتبات مثل svelte-undo مخازن سجل جاهزة.
تلميحات واجهة المستخدم
عطّل زري التراجع والإعادة عندما لا يكون هناك ما يمكن التراجع عنه أو إعادته.
الاختبار
اختبر تسلسلات من الإجراءات والتراجع والإعادة للتأكد من صحة التراجع عن التغييرات.
تحقق سريع
ما وظيفة مكدس المستقبل؟
مراجعة
نفّذ التراجع والإعادة باستخدام مكدسات الماضي والحاضر والمستقبل حول مخزن قابل للكتابة. حدّد الحجم واربط الاختصارات.
الأسئلة الشائعة
هل درس «التراجع والإعادة باستخدام سجل Store» مجاني؟
نعم — نص درس «التراجع والإعادة باستخدام سجل Store» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «التراجع والإعادة باستخدام سجل Store»؟
أنشئ مكدس سجل حول Store قابل للكتابة لدعم التراجع والإعادة. تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 4 من أصل 4.
كم من الوقت يستغرق درس «التراجع والإعادة باستخدام سجل Store»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- بنية Store: وحدات الميزات
- نمط Event Bus باستخدام Stores
- تحديثات واجهة المستخدم التفاؤلية
- التراجع والإعادة باستخدام سجل Store