Cara menggunakan cache tempatan dalam uniapp

Menggunakan cache untuk menyimpan data aplikasi dalam aplikasi mudah alih telah menjadi operasi biasa Ini bukan sahaja dapat meningkatkan kelajuan tindak balas aplikasi, tetapi juga menjimatkan trafik pengguna. Apabila membangun dengan uniapp, kita boleh mencapai matlamat ini dengan menggunakan cache setempat yang disertakan dengan uniapp.

Cache setempat dalam uniapp merujuk kepada localStorage dan sessionStorage dalam penyemak imbas klien, yang boleh digunakan untuk menyimpan dan mengakses data jenis rentetan pada klien. Kedua-dua localStorage dan sessionStorage disimpan dalam penyemak imbas pelanggan dan boleh berterusan selepas penyemak imbas ditutup sehingga data dibersihkan secara manual atau masa tamat tempoh dicapai.

Di bawah ini kami akan memperkenalkan cara uniapp menggunakan cache setempat untuk menyimpan dan mengakses data.

1. Tetapkan cache setempat

Untuk menetapkan cache setempat, kita boleh menggunakan kaedah $setStorage dan $setStorageSync yang disertakan dengan uniapp.

Kaedah $setStorage

uni.$setStorage('key', 'value', function () {
  console.log('数据存储成功')
})

Kaedah $setStorageSync

uni.$setStorageSync('key', 'value')

Kod di atas menyimpan "nilai" ke dalam "kunci". Kaedah pertama ialah kaedah tak segerak, dan fungsi panggil balik akan dilaksanakan apabila data berjaya disimpan. Kaedah kedua ialah kaedah segerak dan akan terus mengembalikan hasil yang disimpan.

2. Dapatkan data cache setempat

Untuk mendapatkan data cache setempat, kami boleh menggunakan kaedah $getStorage dan $getStorageSync yang disertakan dengan uniapp.

Kaedah $getStorage

uni.$getStorage('key', function (res) {
  console.log(res.data)
})

Kaedah $getStorageSync

var data = uni.getStorageSync('key')
console.log(data)

Kod di atas akan mendapatkan semula data yang disimpan daripada "kunci". Kaedah pertama adalah tak segerak, dan fungsi panggil balik akan dilaksanakan selepas data berjaya diperoleh. Kaedah kedua adalah segerak dan akan terus mengembalikan hasilnya.

3. Padam data cache setempat

Jika kami mahu memadamkan data cache setempat, kami boleh menggunakan kaedah $removeStorage dan $removeStorageSync yang disertakan dengan uniapp.

Kaedah $removeStorage

uni.$removeStorage('key', function () {
  console.log('数据删除成功')
})

kaedah $removeStorageSync

uni.$removeStorageSync('key')

Kod di atas memadamkan data yang disimpan dalam "kunci". Kaedah pertama adalah tak segerak, dan fungsi panggil balik akan dilaksanakan selepas pemadaman berjaya. Kaedah kedua adalah segerak dan akan terus mengembalikan hasil pemadaman.

4. Kosongkan data cache setempat

Jika kami ingin mengosongkan semua data cache setempat, kami boleh menggunakan kaedah $clearStorage dan $clearStorageSync yang disertakan dengan uniapp.

Kaedah $clearStorage

uni.$clearStorage(function () {
  console.log('本地缓存已清除')
})

Kaedah $clearStorageSync

uni.$clearStorageSync()

Kod di atas akan mengosongkan semua data dalam localStorage dan sessionStorage dalam penyemak imbas klien. Kaedah pertama adalah tak segerak, dan fungsi panggil balik akan dilaksanakan selepas data berjaya dibersihkan. Kaedah kedua adalah segerak dan secara langsung akan mengembalikan hasil yang jelas.

Ringkasan

Caching setempat ialah alat yang sangat berguna apabila membangunkan aplikasi uniapp. Dengan menggunakan cache tempatan yang disertakan dengan uniapp, kami boleh menyimpan data pada klien dan mendapatkan data apabila diperlukan, dengan itu meningkatkan prestasi tindak balas aplikasi dan menjimatkan trafik pengguna.

Atas ialah kandungan terperinci Cara menggunakan cache tempatan dalam uniapp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!