읽어볼만한 위챗 미니 프로그램 개발 경험 요약

이 기사는 읽을 가치가 있는 WeChat 애플릿 개발 경험에 대한 요약을 주로 소개합니다. 편집자는 그것이 꽤 좋다고 생각하므로 이제 공유하고 참고로 제공하겠습니다. 에디터를 따라가서 살펴보겠습니다

1: 매개변수 값 전달 방법

1: data-id

데이터-* 속성을 HTML 요소에 추가하여 필요한 값을 전달할 수 있습니다. 사용 지침:

(1) 데이터 ID 설정

<view class="block" bindtap="playTap" data-id="{{modle.id}}">

(2): 값 가져오기 + 값 전달

playTap:function(e) {
    const dataset = e.currentTarget.dataset;
    wx.navigateTo({
     url: '../play/index?id='+ dataset.id
    })
    console.log(dataset.id);
  }

(3): 값 가져오기

onLoad:function (param) {
  //页面初始化
    this.setData({
      currentId:param.id
    })
}

data-참고: data-name에는 대문자를 사용할 수 없습니다. 대문자 때문에 오랫동안 검색한 후 이 오류를 발견한 적이 있습니다..data-* 개체는 속성에 저장할 수 없습니다.

2: 값을 전달하도록 id의 메서드 식별자를 설정합니다.

사용 지침:

(1) Set id

<view bindtap=“playTap" id="{{modle.id}}">

(2) Get value

e.currentTarget.id를 통해 Set id의 값을 가져오고, 그런 다음 전역 개체를 설정하여 값을 전달합니다. ​​

3: 탐색기에서 매개변수 값을 추가합니다

사용 지침

( 1) 전달 값: 네비게이터 속성 url?id(매개변수 이름) 뒤에 연결 = 전달될 값(여러 매개변수가 & 및 이름=값&으로 구분된 경우......)

<navigator url="../my/my?id={{item.id}}" wx:for="{{modles}}">

(2) 값:

onLoad (params){
    app.fetch(API.detail + params.id,(err,data) => {
    })
  }

2: 데이터 요청 캡슐화

1. 모든 인터페이스를 통합 js 파일에 넣고

const api = {
  interface1: 'https://........',
   interface2: 'https://.......',
   interface3: 'https://....',
   .....
}
module.exports = api;

2: 앱에서 요청 데이터를 .js로 캡슐화하는 메서드 만들기

fetch(url,data, callback) {
   wx.request({
     url,
     data: data,
     header: {
       'Content-Type': 'application/json'
     },
     success(res) {
       callback(null, res.data);
     },
     fail(e) {
       callback(e);
     }
   })
 },

3: 하위 클래스에서 데이터를 요청하려면 캡슐화된 메서드를 호출하세요. 페이지

import API from "../../api/api.js";
const app = getApp();
const conf = {
  data:{
    title:'正在拼命加载中...',
    loadding:true
  },
  onLoad (){
    app.fetch(API.hot,{},(err,data) => {
    })
  },

셋: 템플릿 사용(템플릿이 정말 좋은 것 같아요!)

1: 템플릿 정의: 이름 템플릿 이름 설정

<template name="homecell">
   <view class="item">
  </view>
 </template>

2: 사용 template

먼저 템플릿을 소개하고

<import src="../../commonXml/homecell.wxml" />

를 사용한 후 template is를 사용한 후 템플릿 이름을 적는다.. 합격하려면 데이터를 전달해야 합니다.

<template is="homecell" data="{{item}}"></template>

4: 배열의 더욱 유용한 속성 및 방법

Array.isArray() 메소드는 특정 값이 배열인지 확인하는 데 사용됩니다. 그렇다면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

concat() 메서드는 들어오는 배열 또는 배열이 아닌 값을 원래 배열과 결합하여 새 배열을 형성하고 이를 반환합니다.

forEach() 메서드는 요소의 각 요소에 대해 한 번씩 실행됩니다. array 제공된 함수(콜백 함수)입니다.

join() 메서드는 배열의 모든 요소를 ​​문자열로 결합합니다.

keys() 메서드는 배열 인덱스의 반복자를 반환합니다.

map() 메소드는 지정된 메소드를 호출한 후 원래 배열의 각 요소의 반환 값으로 구성된 새 배열을 반환합니다.

pop() 메소드는 배열 요소의 마지막 요소를 삭제하고 이 요소를 반환합니다.

push() 메서드는 배열 끝에 하나 이상의 요소를 추가하고 배열의 새로운 길이(길이 속성 값)를 반환합니다.

toString()은 지정된 배열과 해당 요소를 나타내는 문자열을 반환합니다.

다섯 가지: 객체 공통 방법

1 초기화 방법

var obj = [];
var obj = new obj();
var obj = Object.create(null);

2 요소 추가 방법

dic[“key”] = “value”;

3 키 삭제 방법

delete dic[“key”];

4

dic.clear();

5 단어의 모든 항목 지우기

delete dic;

6 모든 속성 보기 메소드

Object.keys(obj);

객체의 모든 키 이름은 문자열이므로 따옴표로 묶거나 추가할 수 없습니다. 단, 키 이름이 식별 이름의 조건을 충족하지 않는 경우(예: 첫 번째 문자가 숫자이거나 공백이나 연산자가 포함된 경우) 숫자가 아닌 경우에는 반드시 따옴표를 추가하면 오류가 보고됩니다.

7 읽기 속성 가져오기

obj.name || obj['name']

참고: 숫자 키 이름에는 점을 사용할 수 없습니다. 연산자(소수점으로 처리되므로) 대괄호 연산자만 사용할 수 있습니다.

8 변수가 선언되었는지 확인

if(obj.name) || if(obj['name'])

9 in 연산자는 객체에 특정 속성이 포함되어 있는지 확인하는 데 사용됩니다. 그렇지 않으면 true를 반환하고, 그렇지 않으면 false를 반환합니다

10 for … in Loop

는 객체의 모든 속성을 탐색하는 데 사용됩니다

if ( ‘x' in obj) {return 1}

11 with 문

기능: 동일한 객체의 여러 속성을 조작할 때 쓰기 편의성 제공

for (var i in obj) {
console.log(obj);
}

은

with(obj) {
name1 = 1;
name2 = 2;
}

와 동일합니다. 위 내용은 모두의 학습에 도움이 되기를 바랍니다. , 모두가 PHP 중국어 웹 사이트를 지원하기를 바랍니다.

위 내용은 읽어볼만한 위챗 미니 프로그램 개발 경험 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!