위 챗 애플 릿 의 데이터 캐 시 인 스 턴 스 상세 설명

위 챗 애플 릿 의 데이터 캐 시 인 스 턴 스 상세 설명
선언:
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
    })
   }
  })
 }

}) 

 궁금 한 점 이 있 으 시 면 메 시 지 를 남기 거나 본 사이트 의 커 뮤 니 티 에 가서 토론 을 교류 하 세 요.읽 어 주 셔 서 감사합니다. 도움 이 되 셨 으 면 좋 겠 습 니 다.본 사이트 에 대한 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기