위 챗 애플 릿 학습 총화(5)흔히 볼 수 있 는 문제 사례 소결

본 논문 의 사례 는 위 챗 애플 릿 에서 흔히 볼 수 있 는 문 제 를 총 결 하 였 다.여러분 께 참고 하도록 공유 하 겠 습 니 다.구체 적 으로 는 다음 과 같 습 니 다.
문제
제 가 겪 은 첫 번 째 문제 부터 보 겠 습 니 다.
다음은 제 가 만 든 디 렉 터 리 입 니 다.

이 json 파일 을 만 든 후에 다음 오 류 를 보 고 했 습 니 다.

이것 은 나의 잘못된 소식 이다.
해결 방법:이 json 파일 을 열 고 괄호 두 개 를 입력 하 십시오.
문제
다음은 제 가 js 코드 를 도입 한 것 입 니 다.절대 경로 가 잘못 되 었 습 니 다.

var postsData = require('/data/post-data.js')

오류 메시지:
Uncaught Error: module “pages/post/data/post-data.js” is not defined
개정 후의

var postsData = require('../../data/post-data.js')

데이터
onLoad 방법 에서 데이터 바 인 딩 을 비동기 로 실행 하려 면 this.setData 방법 을 사용 해 야 합 니 다.비동기 가 아니 라 동기 화 라면 this.data 에 값 을 부여 하면 데이터 바 인 딩 을 실현 할 수 있 습 니 다.
포맷 코드
shift + alt + F
데이터 캐 시
설명 이 필요 한 것 은 데이터 의 로 컬 캐 시 입 니 다.로 컬 캐 시 를 설정 하고 가 져 오 며 청소 할 수 있 습 니 다.같은 위 챗 사용자,같은 애플 릿 스토리 지 상한 선 은 10MB 입 니 다.
캐 시 설정

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

캐 시 가 져 오기

wx.getStorageSync('key')

캐 시 지우 기

//      
wx.clearStorageSync();
//      
wx.clearStorageSync('key');

인터페이스 인 터 랙 션
메시지 알림 상자 보이 기

wx.showToast({
 title: '  ',
 icon: 'success',
 duration: 2000 //      
})
//                     
wx.showToast({
 title:result?'    ':'    ',
 duration: 2000 
})

로 딩 표시

    wx.showLoading({
     title: '   ',  //    
    })

    setTimeout(function () {
     wx.hideLoading()  //    
    }, 2000)

문의 상자

    wx.showModal({
     title: 'hello',
     content: postCollected?'     ':'       ',
     success: function (res) {
      if (res.confirm) {
       //    
       wx.setStorageSync('post_collected', postsCollected);
       that.setData({
        collected: postCollected
       })
      } else if (res.cancel) {
       console.log('      ')
      }
     }
    })


인쇄 된 res

조작 메뉴 보이 기

   onShareTap:function(event){
    wx.showActionSheet({
     itemList: [
      '       ',
      '      ',
      '   QQ'
     ],
     itemColor:'#405f80',
     success:function(res){
      console.log(res)
     }
    })
   }

효과 보이 기

전역 변수 가 져 오기
app.js

app({
  globalData: {
  g_name: "huangyuxin"
 }
})

쓰다
detail.js

var app = getApp();

본 논문 에서 말 한 것 이 여러분 의 위 챗 애플 릿 디자인 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기