❗️ التخزين المحلي Local Storage في جافاسكريبت❗️
التخزين المحلي هي خاصية تسمح لمواقع وتطبيقات JavaScript بحفظ أزواج المفتاح والقيمة في متصفح الويب دون تاريخ انتهاء الصلاحية
هذا يعني أن البيانات المخزنة في المتصفح ستستمر حتى بعد إغلاق نافذة المتصفح
التخزين المحلي هي خاصية تسمح لمواقع وتطبيقات JavaScript بحفظ أزواج المفتاح والقيمة في متصفح الويب دون تاريخ انتهاء الصلاحية
هذا يعني أن البيانات المخزنة في المتصفح ستستمر حتى بعد إغلاق نافذة المتصفح
تتكون واجهة برمجة تطبيقات Web Storage من آليتين:
- جلسة التخزين Session Storage
- التخزين المحلي Local Storage
يحتفظ Session Storage بمساحة التخزين فقط عندما يكون المتصفح مفتوحًا بينما يستمر LocalStorage من ناحية أخرى في تخزين البيانات حتى بعد اغلاق المتصفح
- جلسة التخزين Session Storage
- التخزين المحلي Local Storage
يحتفظ Session Storage بمساحة التخزين فقط عندما يكون المتصفح مفتوحًا بينما يستمر LocalStorage من ناحية أخرى في تخزين البيانات حتى بعد اغلاق المتصفح
أين يتم تخزين التخزين المحلي؟
في Chrome ، يتم حفظ بيانات تخزين الويب في ملف SQLite في مجلد فرعي في ملف تعريف المستخدم
في Chrome ، يتم حفظ بيانات تخزين الويب في ملف SQLite في مجلد فرعي في ملف تعريف المستخدم
كيف يعمل LocalStorage؟
من أجل استخدام localStorage، هناك 5 دوال يمكن استخدامها:
1- SetItem()
2- getItem()
3- removeItem()
4- clear()
5- key()
ووظيفة كل منهم 👇🏼
من أجل استخدام localStorage، هناك 5 دوال يمكن استخدامها:
1- SetItem()
2- getItem()
3- removeItem()
4- clear()
5- key()
ووظيفة كل منهم 👇🏼
1- setItem():
تسمح لك هذه الطريقة بتخزين القيم في كائن التخزين المحلي
يأخذ معلمتين:
-مفتاح key
- قيمة value
يمكن الرجوع إلى المفتاح لاحقًا لجلب القيمة المرتبطة به
لتخزين المصفوفات أو العناصر ، يجب عليك تحويلها إلى سلاسل
تسمح لك هذه الطريقة بتخزين القيم في كائن التخزين المحلي
يأخذ معلمتين:
-مفتاح key
- قيمة value
يمكن الرجوع إلى المفتاح لاحقًا لجلب القيمة المرتبطة به
لتخزين المصفوفات أو العناصر ، يجب عليك تحويلها إلى سلاسل
2- getItem():
من أجل الحصول على localStorage ، استخدم طريقة getItem ()
يسمح لك getItem () بالوصول إلى البيانات المخزنة في localStorage الخاصة بالمستعرض
يقبل getltem() معامل واحد فقط، وهو المفتاح key ،وإرجاع القيمة كسلسلة
من أجل الحصول على localStorage ، استخدم طريقة getItem ()
يسمح لك getItem () بالوصول إلى البيانات المخزنة في localStorage الخاصة بالمستعرض
يقبل getltem() معامل واحد فقط، وهو المفتاح key ،وإرجاع القيمة كسلسلة
3- removeItem():
لحذف جلسات التخزين المحلية، يمكنك استخدام طريقة removeltem
عند تمرير اسم مفتاح key، تزيل طريقة removeltem() هذا المفتاح من التخزين
إذا لم يكن هناك عنصر مرتبط بالمفتاح المحدد، فلن تفعل هذه الطريقة شيئًا
لحذف جلسات التخزين المحلية، يمكنك استخدام طريقة removeltem
عند تمرير اسم مفتاح key، تزيل طريقة removeltem() هذا المفتاح من التخزين
إذا لم يكن هناك عنصر مرتبط بالمفتاح المحدد، فلن تفعل هذه الطريقة شيئًا
4- clear():
استخدم طريقة clear() لحذف جميع العناصر في localStorage
عند استدعائها هذه الدالة function، تمسح تمامًا التخزين الكامل لجميع السجلات لهذا الحقل
استخدم طريقة clear() لحذف جميع العناصر في localStorage
عند استدعائها هذه الدالة function، تمسح تمامًا التخزين الكامل لجميع السجلات لهذا الحقل
5- key():
هذه الطريقة مفيدة في المواقف التي تحتاج فيها إلى تكرار المفاتيح وتسمح لك بتمرير رقم (فهرس) إلى localStorage لاسترداد اسم المفتاح
هذه الطريقة مفيدة في المواقف التي تحتاج فيها إلى تكرار المفاتيح وتسمح لك بتمرير رقم (فهرس) إلى localStorage لاسترداد اسم المفتاح
بعض من العيوب التي عليك الحذر منها:
- لا تشارك معلومات المستخدم الحساسة في التخزين المحلي
- يقتصر على ما يقارب 5 ميغا بايت عبر جميع ملفات المتصفحات الرئيسية
- لا توجد حماية للبيانات ويمكن الوصول إليها عن طريق أي كود موجود على صفحة الويب الخاصة بك
- لا تشارك معلومات المستخدم الحساسة في التخزين المحلي
- يقتصر على ما يقارب 5 ميغا بايت عبر جميع ملفات المتصفحات الرئيسية
- لا توجد حماية للبيانات ويمكن الوصول إليها عن طريق أي كود موجود على صفحة الويب الخاصة بك
- إنه متزامن، مما يعني أن كل عملية تم استدعاؤها ستطلق واحدة تلو الأخرى
هل تعلمت امراً جديداً؟ لا تنس اعادة التغريد حتى يستفيد الجميع 🙏🏼
جاري تحميل الاقتراحات...