WeChat 미니 프로그램 개발 경험

1: 매개변수값 전달 방법

1: 데이터 -id

data-*속성을 HTML 요소에 추가하여 필요한 값을 전달할 수 있습니다.

(1) Set data-id

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

(2): Value + Pass value

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

(3): Value

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

data-참고: data- 이름 대문자를 사용할 수 없습니다. 대문자 때문에 오랫동안 검색한 후 이 오류를 발견했습니다. 객체를 데이터-* 속성에 저장할 수 없습니다.

2: id의 메서드 식별자를

사용 지침:

(1) ID 설정

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

(2) e.currentTarget을 통해

값을 가져옵니다. set id의 값을 가져온 후 전역 객체를 설정하여 값을 전달

3: 네비게이터에서 전달하는 매개변수 값 추가

사용 지침

(1) 값 전달: 네비게이터의 속성 url 뒤에 ?id(매개변수 이름)를 붙여서 전달할 값 = 전달할 값(여러 매개변수가 & 및 name=value&…로 구분된 경우)

<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;

를 내보냅니다. app.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) => {
    })
  }

3: 템플릿 사용(템플릿이 정말 좋은 것임을 알았습니다. ) !)

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

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

2: 템플릿 사용

먼저 템플릿 소개

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

템플릿을 사용하는 것은 템플릿의 이름을 쓰는 것입니다.. 데이터는 데이터를 통해 전달되어야 합니다

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

넷: 배열의 더 유용한 속성 및 메소드

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

concat() 메서드는 전달된 배열 또는 배열이 아닌 값을 원래 배열과 결합하여 새 배열을 형성합니다. >forEach() 메서드는 배열의 각 요소에 대해 한 번씩 제공된 함수(콜백 함수)를 실행합니다.

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;

삭제

모든 속성을 보는 방법

Object.keys(obj);

객체의 모든 키 이름은 문자열이므로 키 이름이 숫자인 경우 추가할 수도 있고 안 붙일 수도 있습니다. 값은 자동으로 변환됩니다. 그러나 키 이름이 식별 이름의 조건을 충족하지 않는 경우(예: 첫 번째 문자가 숫자이거나 공백 또는

연산자

가 포함되어 있는 경우) ), 숫자가 아니면 따옴표를 추가해야 합니다. 그렇지 않으면 오류가 보고됩니다.

7 속성 읽기

obj.name || obj['name']

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

8

변수

가 선언되었는지 확인

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

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

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

10 for … in

Loop

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

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

11 명령문

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

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

는

bj.name1 = 1;
obj.name2 = 2;

와 동일합니다.

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