この記事では、WeChat ミニ プログラム キャッシュ (ローカル キャッシュ、非同期キャッシュ、同期キャッシュ) に関する関連情報を主に紹介します。必要な場合は、
WeChat ミニ プログラム キャッシュ
ローカル キャッシュについて
1 を参照してください。 (wx.setStorageSync)、wx.getStorage (wx.getStorageSync)、wx.clearStorage (wx.clearStorageSync)
は、ローカルキャッシュを設定、取得、および消去できます。最大ローカル キャッシュは 10MB です
2.localStorage は永続ストレージです
1.非同期キャッシュ
wx.setStorage(OBJECT)
ローカル キャッシュで指定されたキーにデータを保存し、上書きしますkey
wx.setStorage({ key:"key", data:"value" })
wx.getStorage(OBJECT)
に対応するコンテンツは、指定されたkeyに対応するコンテンツをローカルキャッシュから非同期で取得していることが分かります。
wx.getStorage({ key: 'key', success: function(res) { console.log(res.data) } })
wx.getStorageInfo(OBJECT)
現在のストレージに関する関連情報を非同期で取得します
wx.getStorageInfo({ success: function(res) { console.log(res.keys) console.log(res.currentSize) console.log(res.limitSize) } })
wx.removeStorage(OBJECT)
指定されたキーをローカルから非同期的に削除しますキャッシュ。
wx.removeStorage({ key: 'key', success: function(res) { console.log(res.data) } })
2. 同期キャッシュ
wx.setStorageSync(KEY,DATA)
指定したキーのデータをローカルキャッシュに保存すると、そのキーに対応する元の内容が上書きされます。同期インターフェース。
wx.getStorageSync(KEY)
指定されたキーに対応するコンテンツをローカルキャッシュから同期的に取得します。
wx.getStorageInfoSync
現在のストレージに関する関連情報を同期的に取得します。
wx.removeStorageSync(KEY)
指定されたキーをローカル キャッシュから同期的に削除します。
3. キャッシュをクリアします
wx.clearStorage()
ローカルデータキャッシュをクリアします。
wx.clearStorageSync()
ローカルデータキャッシュを同期的にクリアします
同期キャッシュと非同期キャッシュの違いについて
Sync(同期、同時に)で終わるものはすべて同期キャッシュです、両方 違いは、非同期は現在のタスクをブロックしないことと、同期メソッドが処理されるまで同期キャッシュは実行を続行できないことです。
ただし、通常はすべてのキャッシュをクリアする必要はありません。対応するキャッシュをクリアしたい場合は、対応するキャッシュの内容を空の配列に設定するだけです
履歴検索について
ページ3 つのバインド イベントはここにあります
bindinput="searchNameInput" ユーザーが入力したデータを取得しますbindtap="setSearchStorage" ローカル ストレージを設定します
bindtap="deleteHistory" 履歴検索を削除します
<input type="text" class="search-icon" placeholder="请输入要搜索的内容" bindinput="searchNameInput"/>
<text bindtap="setSearchStorage">搜索</text>
<view>
<view>
<text style="float:left;" bindtap="deleteHistory">历史搜索</text>
<text style="float:right;" bindtap="deleteHistory">删除搜索历史</text>
</view>
<view>
<view class="search-list" wx:for="{{searchData}}" wx:key="item">
<view>{{item == null?'暂无数据':item}}</view>
</view>
</view>
</view>
検索をクリックすると、bindtap="setSearchStorage"
//获取用户输入框的值 searchNameInput:function(e){ var that = this; that.setData({ inputValue:e.detail.value }) } e.detail.value就代表了当前输入值
プロセスは次のようになります:
1. データが空でない場合は、データを追加 (設定) します。ローカル キャッシュ
3. サーバーにアクセスして、ユーザーが必要なデータを検索し、それをこのページの変数に割り当てます
4. [削除] をクリックして、このキーのローカル値を削除します
ここでキャッシュされたフォームはキーです=>value
var searchData = wx .getStorageSync('searchData') || []'searchData' という名前のローカル キャッシュを取得します。キャッシュ 'searchData' が存在しない場合は、空の配列を検索データ変数に代入します
searchData .push(this.data.inputValue)
ユーザーが入力した値をsearchData変数にPUSHします
wx.setStorageSync('searchData', searchData)
API インターフェースを呼び出し、key = 'searchData' をリセットします。このキャッシュの値は searchData と同じです。
以下の wx.request は、要求されたデータの内容です。話すのは飽きましたが、十分に印象的です。 。 キャッシュを取得するためのバインドタップはありません。キャッシュを取得してページ内のデータに追加するだけです
//将用户输入的内容存入本地缓存,并且将搜索数据放到首页 setSearchStorage:function(){ var that = this if(this.data.inputValue != ''){ //调用API向本地缓存存入数据 var searchData = wx.getStorageSync('searchData') || [] searchData.push(this.data.inputValue) wx.setStorageSync('searchData', searchData) //读取用户搜索商品 var name = this.data.inputValue wx.request({ url: 'www.shop.com/home/product/search', data: {name:name}, method: 'GET', success: function(res){ that.setData({ goodsList: res.data.info, }) }, }) } }
ここでは、「searchData」キーのキャッシュされた値を、を使用する代わりに空の配列に設定しますそれを提供するための API wx.clearStorageSync、これは他のすべてのキャッシュをクリアします、そして私はこのキーのキャッシュをクリアしたいだけです
上記はこの記事の全内容です。皆さんの学習に役立つことを願っています。その他の関連コンテンツについては、PHP 中国語 Web サイトに注目してください。
関連するおすすめ:
WeChat ミニ プログラム ポップアップウィンドウのカスタマイズコード WeChatアプレットのメッセージプロンプトボックスの実装以上がWeChat アプレットのキャッシュの分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

本篇文章给大家带来了关于微信小程序的相关问题,其中主要介绍了关于基础架构原理的相关内容,其中包括了宿主环境、执行环境、小程序整体架构、运行机制、更新机制、数据通信机制等等内容,下面一起来看一下,希望对大家有帮助。

本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了关于云服务的配置详解,包括了创建使用云开发项目、搭建云环境、测试云服务等等内容,下面一起来看一下,希望对大家有帮助。

本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了关于富文本编辑器的实战示例,包括了创建发布页面、实现基本布局、实现编辑区操作栏的功能等内容,下面一起来看一下,希望对大家有帮助。

西安坐地铁用的小程序为“乘车码”。使用方法:1、打开手机微信客户端,点击“发现”中的“小程序”;2、在搜索栏中输入“乘车码”进行搜索;3、直接定位城市西安,或者搜索西安,点击“西安地铁乘车码”选项的“去乘车”按钮;4、根据腾讯官方提示进行授权,开通“乘车码”业务即可利用该小程序提供的二维码来支付乘车了。

本篇文章给大家带来了关于微信小程序的相关问题,其中主要介绍了关于开发工具介绍的相关内容,包括了下载开发工具以及编辑器总结等内容,下面一起来看一下,希望对大家有帮助。

本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了怎么实现小程序授权登录功能的相关内容,下面一起来看一下,希望对大家有帮助。


ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

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

DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

SecLists
SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境
