미니 프로그램에서 로컬 저장소를 동기식 또는 비동기식으로 작동하는 방법에 대해 이야기해 보겠습니다.

青灯夜游
풀어 주다: 2021-11-22 19:28:41
앞으로
3483명이 탐색했습니다.

이 기사에서는 WeChat 애플릿의 동기식 및 비동기식 저장소를 이해하고 로컬 저장소의 동기식 작동 방법과 로컬 저장소의 비동기식 작동 방법을 소개합니다. 모든 사람에게 도움이 되기를 바랍니다.

미니 프로그램에서 로컬 저장소를 동기식 또는 비동기식으로 작동하는 방법에 대해 이야기해 보겠습니다.

1. 로컬 저장소의 동기 작업

꼭 필요한 경우가 아니면 동기 방법을 사용해 보세요. 특히 초보자의 경우 동기 방법을 사용하는 것이 좋습니다. 방법. [관련 학습 추천 : 미니 프로그램 개발 튜토리얼]

wx.setStorageSync 동기화 저장 :

wx.setStorageSync('key', 'value')
로그인 후 복사

위챗 미니 프로그램 디버거에서 다음과 같이 효과를 볼 수 있습니다

미니 프로그램에서 로컬 저장소를 동기식 또는 비동기식으로 작동하는 방법에 대해 이야기해 보겠습니다.

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는 하나를 동기식으로 제거합니다.

wx.removeStorageSync('key')
로그인 후 복사

제거 후 키라는 저장소는 사라집니다.

미니 프로그램에서 로컬 저장소를 동기식 또는 비동기식으로 작동하는 방법에 대해 이야기해 보겠습니다.

wx.clearStorageSync는 모두 동기식으로 삭제합니다.

wx.clearStorageSync()
로그인 후 복사

다음과 같이 사용합니다. ClearStorageSync는 이전 로그와 함께 삭제됩니다

미니 프로그램에서 로컬 저장소를 동기식 또는 비동기식으로 작동하는 방법에 대해 이야기해 보겠습니다.

2. 로컬 저장소의 비동기 작업

1.wx.setStorage 비동기 저장소 값

로컬 캐시에 지정된 키에 데이터를 저장합니다. 키에 해당하는 원본 콘텐츠를 덮어씁니다. 사용자가 적극적으로 삭제하거나 저장 공간 문제로 인해 시스템에서 삭제되지 않는 한 데이터는 항상 사용할 수 있습니다. 단일 키에 저장할 수 있는 최대 데이터 길이는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:juejin.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿