Storan tempatan ialah alat pembangunan web berguna yang membolehkan pembangun menyimpan data dalam penyemak imbas pengguna. Dalam artikel ini, kita akan melihat ciri storan tempatan yang berbeza, bermula dengan contoh peringkat pemula dan meneruskan kepada teknik yang lebih kompleks. Pada penghujung panduan ini, anda akan mempunyai pemahaman asas tentang cara menggunakan storan tempatan dalam aplikasi web dengan jayanya.

Contoh tahap pemula pada storan Tempatan

1. Menyimpan Keutamaan Pengguna :

    
    
    




    Choose a theme:
    
        Light
        Dark
        Medium
    
    Save Preference

    

Apabila pengguna memilih tema dan menekan butang "Simpan Keutamaan", kod ini mencatatkan tema ke konsol. Untuk membaca log ini, buka alat pembangun penyemak imbas (biasanya dengan menekan F12 atau mengklik kanan pada halaman dan memilih "Periksa") dan pergi ke tab konsol.(Baca Lagi)

2. Mengingati Input Pengguna :

    
    
    




    
    Save Input

    

Contoh HTML ini menjana halaman web ringkas yang membolehkan pengguna memasukkan teks ke dalam medan teks dan menyimpannya ke storan setempat penyemak imbas mereka.

Apabila pengguna menaip teks ke dalam kotak input dan menekan butang "Simpan Input", teks itu disimpan dalam storan setempat penyemak imbas. Ini membayangkan bahawa walaupun pengguna memuat semula tapak web atau menutup dan membuka semula penyemak imbas, input yang disimpan akan kekal boleh diakses. Log konsol dan makluman memberitahu pengguna bahawa input mereka telah berjaya disimpan. (Baca Lagi)

3. Kegigihan Troli Beli-belah :

    
    
    




    
Shopping Cart
    


    

    Add Item 1 to Cart
    Add Item 2 to Cart
    Add Item 3 to Cart

Contoh ini menunjukkan cara menyimpan troli beli-belah menggunakan storan tempatan. Item yang ditambahkan pada troli disimpan sebagai tatasusunan dalam storan setempat di bawah kekunci 'troli'. Apabila halaman dimuatkan, item troli yang disimpan akan ditarik dari storan setempat dan ditunjukkan.

Apabila anda mengklik salah satu butang "Tambah Item X ke Troli", item yang sesuai ditambahkan pada troli beli-belah dan kandungan troli yang dikemas kini dipaparkan dalam konsol. Untuk memeriksa log ini, buka alat pembangun penyemak imbas (biasanya dengan menekan F12 atau mengklik kanan pada halaman dan memilih "Periksa") dan pergi ke tab konsol.

Anda juga boleh melihat storan setempat secara terus melalui alat pembangun penyemak imbas. Kebanyakan penyemak imbas membenarkan anda melakukan ini dengan mengklik kanan pada halaman, memilih "Periksa" untuk mendapatkan alat pembangun, dan kemudian menavigasi ke tab "Aplikasi" atau "Storan". Dari sana, kembangkan bahagian "Storan Tempatan" untuk melihat pasangan nilai kunci tapak web. Dalam contoh ini, kunci "troli" termasuk rentetan JSON yang mewakili item troli yang disimpan.
Baca artikel penuh - Menguasai Storan Tempatan dalam Pembangunan Web: 8 Contoh Praktikal, Daripada Novis kepada Pakar!

Belajar Json- Klik Di Sini

以上是Menguasai Storan Tempatan dalam Pembangunan Web的详细内容。更多信息请关注PHP中文网其他相关文章！