البرنامج التعليمي حول استخدام LocalStorage في HTML5

تقدم هذه المقالة بشكل أساسي البرنامج التعليمي حول استخدام LocalStorage في HTML5. يتم استخدام LocalStorage للتفاعل المحلي الصادر بين المتصفح والنظام. يمكن للأصدقاء الذين يحتاجون إليها الإشارة إلى ماهية LocalStorage

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

① يقتصر حجم ملف تعريف الارتباط على حوالي 4K ، وهو أمر غير مناسب لتخزين بيانات الأعمال.

② يتم إرسال ملفات تعريف الارتباط مع معاملات HTTP في كل مرة ، تضيع النطاق الترددي

نحن نقوم بمشاريع الهواتف المحمولة ، وبالتالي فإن التكنولوجيا الحقيقية المناسبة للاستخدام هنا هي LocalStorage. يمكن القول أن LocalStorage هو تحسين ملفات تعريف الارتباط. يمكن أن يؤدي استخدامه إلى تسهيل تخزين البيانات على جانب العميل ولن يتم إرساله باستخدام HTTP ، ولكنه لا يخلو من مشاكل:

① يقتصر حجم LocalStorage على حوالي 5 ملايين حرف ، وكل متصفح غير متسق

② لا يمكن قراءة LocalStorage في وضع الخصوصية

③ يقوم LocalStorage بقراءة الملفات والكتابة بشكل أساسي. إذا كان هناك الكثير من البيانات ، فسيكون الأمر أكثر عالقًا (سيقوم Firefox باستيراد البيانات إلى الذاكرة في وقت واحد ، وسيكون الأمر مخيفًا إذا فكرت في الأمر)

④ لا يمكن زحف LocalStorage بواسطة الزواحف ، ولا تستخدمه لاستبدال معلمات عنوان URL بالكامل

لا تخفي العيوب المزايا ، ويمكن تجنب جميع المشكلات المذكورة أعلاه ، لذلك يجب أن يكون تركيزنا على كيفية استخدام LocalStorage وكيفية استخدامها بشكل صحيح.

استخدام LocalStorage

هناك نوعان من كائنات تخزين LocalStorage:

① SessionStrage: الجلسة تعني الجلسة. هنا تشير الجلسة إلى فترة صحة كائن الجلسة لفترة طويلة فقط عندما يتصفح المستخدم موقع ويب معين.

② LocalStorage: احفظ البيانات على جهاز أجهزة العميل ، بغض النظر عن ماهية ، فهذا يعني أن البيانات لا تزال موجودة في المرة القادمة التي تفتح فيها الكمبيوتر.

الفرق بين الاثنين هو أن أحدهما هو الحفظ المؤقت والآخر هو الحفاظ على المدى الطويل.

فيما يلي رمز بسيط لتوضيح استخدامه الأساسي: