عندما يحدد المستخدم سمة ويضغط على زر \\\"حفظ التفضيل\\\"، يقوم هذا الرمز بتسجيل السمة في وحدة التحكم. لقراءة هذا السجل، افتح أدوات مطور المتصفح (عادةً عن طريق الضغط على F12 أو النقر بزر الماوس الأيمن على الصفحة واختيار \\\"فحص\\\") وانتقل إلى علامة تبويب وحدة التحكم. (اقرأ المزيد)

2. تذكر مدخلات المستخدم :

            Remember User Input

يُنشئ مثال HTML هذا صفحة ويب بسيطة تتيح للمستخدمين إدخال نص في حقل نص وحفظه في وحدة التخزين المحلية للمتصفح الخاص بهم.

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

3. استمرارية عربة التسوق:

            Shopping Cart    
Shopping Cart

يوضح هذا المثال كيفية حفظ سلة التسوق باستخدام التخزين المحلي. يتم حفظ العناصر المضافة إلى سلة التسوق كمصفوفة في التخزين المحلي ضمن \\\"عربة التسوق\\\" الرئيسية. عند تحميل الصفحة، يتم سحب عناصر سلة التسوق المحفوظة من التخزين المحلي وعرضها.

عند النقر فوق أحد أزرار \\\"إضافة عنصر X إلى سلة التسوق\\\"، تتم إضافة العنصر المناسب إلى عربة التسوق، ويتم عرض محتويات عربة التسوق المحدثة في وحدة التحكم. لفحص هذه السجلات، افتح أدوات مطور المتصفح (عادةً بالضغط على F12 أو النقر بزر الماوس الأيمن على الصفحة واختيار \\\"فحص\\\") وانتقل إلى علامة تبويب وحدة التحكم.

يمكنك أيضًا عرض وحدة التخزين المحلية مباشرة من خلال أدوات مطور المتصفح. تتيح لك معظم المتصفحات القيام بذلك عن طريق النقر بزر الماوس الأيمن على الصفحة، واختيار \\\"فحص\\\" للحصول على أدوات المطور، ثم الانتقال إلى علامة التبويب \\\"التطبيق\\\" أو \\\"التخزين\\\". من هناك، قم بتوسيع قسم \\\"التخزين المحلي\\\" لعرض أزواج القيمة الرئيسية لموقع الويب. في هذا المثال، يتضمن المفتاح \\\"عربة التسوق\\\" سلسلة JSON التي تمثل عناصر سلة التسوق المحفوظة.
اقرأ المقال كاملاً - إتقان التخزين المحلي في تطوير الويب: 8 أمثلة عملية، من المبتدئ إلى الخبير!

تعلم لغة Json- انقر هنا

","image":"http://www.luping.net/uploads/20240730/172235160966a8fff95a841.jpg","datePublished":"2024-07-30T23:00:08+08:00","dateModified":"2024-07-30T23:00:08+08:00","author":{"@type":"Person","name":"luping.net","url":"https://www.luping.net/articlelist/0_1.html"}}
"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
أدوات على الانترنت
برنامج تعليمي
التنقل في الموقع
برمجة
الصفحة الأمامية > برمجة > إتقان التخزين المحلي في تطوير الويب

إتقان التخزين المحلي في تطوير الويب

تم النشر بتاريخ 2024-07-30
تصفح:292

Mastering Local Storage in Web Development

يعد التخزين المحلي أداة مفيدة لتطوير الويب تمكن المطورين من حفظ البيانات داخل متصفح المستخدم. في هذه المقالة، سنلقي نظرة على الميزات المختلفة للتخزين المحلي، بدءًا من الأمثلة على مستوى المبتدئين والاستمرار في التقنيات الأكثر تعقيدًا. بنهاية هذا الدليل، سيكون لديك فهم أساسي لكيفية استخدام التخزين المحلي بنجاح في تطبيقات الويب.

أمثلة على مستوى المبتدئين على التخزين المحلي

1. تخزين تفضيلات المستخدم :




    
    
    User Preferences

عندما يحدد المستخدم سمة ويضغط على زر "حفظ التفضيل"، يقوم هذا الرمز بتسجيل السمة في وحدة التحكم. لقراءة هذا السجل، افتح أدوات مطور المتصفح (عادةً عن طريق الضغط على F12 أو النقر بزر الماوس الأيمن على الصفحة واختيار "فحص") وانتقل إلى علامة تبويب وحدة التحكم. (اقرأ المزيد)

2. تذكر مدخلات المستخدم :




    
    
    Remember User Input

يُنشئ مثال HTML هذا صفحة ويب بسيطة تتيح للمستخدمين إدخال نص في حقل نص وحفظه في وحدة التخزين المحلية للمتصفح الخاص بهم.

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

3. استمرارية عربة التسوق:




    
    
    Shopping Cart



    
Shopping Cart

    يوضح هذا المثال كيفية حفظ سلة التسوق باستخدام التخزين المحلي. يتم حفظ العناصر المضافة إلى سلة التسوق كمصفوفة في التخزين المحلي ضمن "عربة التسوق" الرئيسية. عند تحميل الصفحة، يتم سحب عناصر سلة التسوق المحفوظة من التخزين المحلي وعرضها.

    عند النقر فوق أحد أزرار "إضافة عنصر X إلى سلة التسوق"، تتم إضافة العنصر المناسب إلى عربة التسوق، ويتم عرض محتويات عربة التسوق المحدثة في وحدة التحكم. لفحص هذه السجلات، افتح أدوات مطور المتصفح (عادةً بالضغط على F12 أو النقر بزر الماوس الأيمن على الصفحة واختيار "فحص") وانتقل إلى علامة تبويب وحدة التحكم.

    يمكنك أيضًا عرض وحدة التخزين المحلية مباشرة من خلال أدوات مطور المتصفح. تتيح لك معظم المتصفحات القيام بذلك عن طريق النقر بزر الماوس الأيمن على الصفحة، واختيار "فحص" للحصول على أدوات المطور، ثم الانتقال إلى علامة التبويب "التطبيق" أو "التخزين". من هناك، قم بتوسيع قسم "التخزين المحلي" لعرض أزواج القيمة الرئيسية لموقع الويب. في هذا المثال، يتضمن المفتاح "عربة التسوق" سلسلة JSON التي تمثل عناصر سلة التسوق المحفوظة.
    اقرأ المقال كاملاً - إتقان التخزين المحلي في تطوير الويب: 8 أمثلة عملية، من المبتدئ إلى الخبير!

    تعلم لغة Json- انقر هنا

    بيان الافراج تم نشر هذه المقالة على: https://dev.to/code_passion/mastering-local-storage-in-web-development-fl5?1 إذا كان هناك أي انتهاك، يرجى الاتصال بـ [email protected] لحذفه
    أحدث البرنامج التعليمي أكثر>
    تصنيفأكثر>
    تعلم اليابانية تعلم اللغة الكورية تعلم اللغة الصينية تعلم لغة أجنبية لعبة مشكلة شائعة ملحقات التكنولوجيا منظمة العفو الدولية برنامج تعليمي برمجة شرط

    دراسة اللغة الصينية

    أداةأكثر>
    فك تشفير الصورة Base64
    بينيين الصينية
    ترميز يونيكود
    JS ضغط تشفير التشويش
    أداة تشفير URL الست عشري
    أداة تحويل ترميز UTF-8
    أدوات تشفير وفك تشفير Ascii عبر الإنترنت
    أداة التشفير MD5
    أداة تشفير وفك تشفير النصوص Hash/Hash عبر الإنترنت
    تشفير SHA عبر الإنترنت

    تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

    Copyright© 2022 湘ICP备2022001581号-3