検索
ホームページWeChat アプレットミニプログラム開発ミニプログラムでローカルストレージを同期または非同期で操作する方法について話しましょう

この記事では、WeChat アプレットの同期ストレージと非同期ストレージを理解し、ローカル ストレージの同期操作と非同期操作の方法を紹介します。

ミニプログラムでローカルストレージを同期または非同期で操作する方法について話しましょう

1. ローカル ストレージの同期操作

必要がない限り、同期方式を使用するようにしてください (特に初心者の場合は、同期方式を使用することをお勧めします)同期メソッドで問題を解決できない場合は、非同期メソッドの使用を検討してください。 [関連する学習の推奨事項: ミニ プログラム開発チュートリアル ]

wx.setStorageSync 同期ストレージ:

wx.setStorageSync('key', 'value')

この効果は、次のように WeChat ミニ プログラム デバッガーで確認できます

ミニプログラムでローカルストレージを同期または非同期で操作する方法について話しましょう

#wx.getStorageSync は次を同期的に取得します:

wx.getStorageSync('key')
console.log(wx.getStorageSync('key'))//value

wx.getStorageInfoSync() 現在のストレージ内の情報

const res = wx.getStorageInfoSync()
console.log(res.keys)//["logs", "key"]
//res.keys当前 storage 中所有的 key
console.log(res.currentSize)//1
//res.currentSize当前占用的空间大小, 单位 KB
console.log(res.limitSize)//10240
//res.limitSize限制的空间大小,单位 KB

wx.removeStorageSync は同期的に 1 つを削除します:

wx.removeStorageSync('key')

削除後、key と呼ばれるストレージは消えます

ミニプログラムでローカルストレージを同期または非同期で操作する方法について話しましょう

wx.clearStorageSync はすべてを同期的にクリアします:

wx.clearStorageSync()

clearStorageSync は次のように使用します。以前のログとともに、これらはクリアされます。

ミニプログラムでローカルストレージを同期または非同期で操作する方法について話しましょう

2. ローカル ストレージの非同期操作

1.wx.setStorage 非同期ストレージ値;

will データは、ローカル キャッシュの指定されたキーに保存されます。キーに対応する元のコンテンツを上書きします。ユーザーが積極的に削除するか、ストレージ容量の理由でシステムによって消去されない限り、データは常に利用可能です。 1 つのキーに保存できる最大データ長は 1MB で、すべてのデータ保存の上限は 10MB です。

wx.setStorage({
    key:"key2",
    data:"value2"
})

値を保存した後、WeChat アプレットのデバッグ バーで効果を確認できます。アクセスと実行の操作が異なることを除けば、同期と非同期の結果は同じです。値の保存と取得は同期が逐次実行されること以外は同じですが、非同期はインターフェースが停滞することはありませんが、ほとんど無視できるため、必要のない場合は同期を使用することをお勧めします。

ミニプログラムでローカルストレージを同期または非同期で操作する方法について話しましょう

2.wx.removeStorage() は、指定された値を削除します。

指定されたキーをローカル キャッシュから削除します。

wx.removeStorage({
    key: 'key',
    success (res) {
        console.log(res)
    }
})

3.wx.getStorage(); 値の取得

指定されたキーの内容をローカル キャッシュから非同期的に取得します。

wx.getStorage({
  key: 'key',
  success (res) {
     console.log(res.data)
  }
})

4.wx.getStorageInfo 現在のストレージの情報を取得します

wx.getStorageInfo({
   success (res) {
   console.log(res.keys)//["logs", "key"]
   //当前 storage 中所有的 key
   console.log(res.currentSize)//1
   //当前占用的空间大小, 单位 KB
   console.log(res.limitSize)//10240
   //限制的空间大小,单位 KB
}})

5.wx.clearStorage(); すべてのキーをクリアします

wx.clearStorage()

プログラミング関連の知識をさらに増やしてください。訪問: プログラミング入門! !

以上がミニプログラムでローカルストレージを同期または非同期で操作する方法について話しましょうの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事は掘金社区で複製されています。侵害がある場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)