위 챗 애플 릿 의 데이터 캐 시 인 스 턴 스 상세 설명
선언:
H5 이전에 캐 시 는 보통 쿠키 를 사용 하지만 쿠키 의 저장 공간 이 너무 작 습 니 다.따라서 H5 는 새로운 캐 시 메커니즘,즉 localstorage 와 sessionstorage 를 추 가 했 고 구체 적 인 소 개 는 더 이상 말 하지 않 았 다.위 챗 애플 릿 에서 데이터 캐 시 는 사실 localstorage 의 원리 와 차이 가 많 지 않 기 때문에 이해 하기 어렵 지 않다.다음은 우리 가 함께 실현 해 보 자.
효과 도 표시:
index 페이지 에 숫자 11 을 저장 한 다음 새 페이지 로 이동 하여 캐 시 에 있 는 11 을 꺼 내 현재 페이지 에 렌 더 링 합 니 다.구체 적 인 코드 는 다음 과 같다.
index 페이지:
<span style="font-size:24px;">
<view class="btn-area">
<navigator url="../navigator/navigator?title= navi"> post </navigator>
<navigator url="../redirect/redirect?title= red" redirect> </navigator>
</view>
</span>
<view>
<input style="border:2rpx solid red" placeholder=" " bindinput="getInput" />
<button style="border:2rpx solid yellow" bindtap="saveInput"> </button>
</view>
index 의 js:
//index.js
//
var app = getApp()
Page({
data: {
storage:''
},
onLoad: function () {
var that = this
//
getInput:function(e){
this.setData({
storage:e.detail.value
})
},
//
saveInput:function(){
wx.setStorageSync('storage', this.data.storage)
}
})
페이지 이동:
<view> :{{storage}}</view>
페이지 이동 js:
var app = getApp();
var that;
Page( {
data: {
storage:''
},
onLoad: function(options) {
that = this;
//
wx.getStorage({
key: 'storage',
success: function(res){
// success
that.setData({
storage:res.data
})
}
})
}
})
궁금 한 점 이 있 으 시 면 메 시 지 를 남기 거나 본 사이트 의 커 뮤 니 티 에 가서 토론 을 교류 하 세 요.읽 어 주 셔 서 감사합니다. 도움 이 되 셨 으 면 좋 겠 습 니 다.본 사이트 에 대한 지지 에 감 사 드 립 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
애플 릿 이미지 새로 고침, nginx 재 작성 url 제거 인자이전에 nginx 로 이미지 서버 를 만 들 었 는데 전단 에 작은 프로그램 을 사 용 했 습 니 다. 작은 프로그램 이 출시 된 후에 그림 이 새로 고침 되 지 않 는 것 을 발 견 했 습 니 다. 조사 한 결과 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.