WeChat ミニプログラム開発の経験

1: パラメータ値を渡すメソッド

1: data-id

HTML要素に追加できます必要な値を渡す data-* 属性、使用手順:

(1) set data-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) idを設定します

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

(2) 値を取得します

e.currentTarget.idを通じて設定された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 ファイルに入れて、export

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

2 : 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: 定義しますtemplates :name テンプレートの名前を設定します

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

2: テンプレートを使用します

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

まずテンプレートを導入します

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

次に、テンプレート is を使用し、次にテンプレートの名前を書き込みます。 必要なデータを data

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

に渡します 4:配列の使いやすい属性

Array.isArray() メソッドは、値が配列であるかどうかを判断するために使用され、そうでない場合は false を返します。配列または配列以外の値を元の配列と結合し、新しい配列を形成して返します。

join() メソッドは、提供された関数 (コールバック関数) を配列の各要素に対して 1 回実行します。

keys() メソッドは、配列のインデックスのイテレータを返します。

map() メソッドは、元の配列の各要素で指定されたメソッドを呼び出したときの戻り値で構成される新しい配列を返します。

pop() メソッドは配列の最後の要素を削除し、この要素を返します。

push() メソッドは配列の最後に 1 つ以上の要素を追加し、配列の新しい長さ (length 属性の値) を返します。 ）。

toString() は、指定された配列とその要素を表す文字列を返します。

5

5 削除

dic[“key”] = “value”;

6 すべての属性を表示するメソッド

delete dic[“key”];

オブジェクトのすべてのキー名は文字列であるため、キー名が数値の場合は引用符で囲んでも追加できません。ただし、キー名が識別名の条件を満たしていない場合（例えば、最初の文字が数字である、スペースや

演算子

が含まれている場合）は、自動的に文字列に変換されます。数値ではありません。引用符で囲む必要があります。そうでない場合は、エラーが報告されます

7 属性の読み取り

dic.clear();

注: ドット演算子は数値キー名には使用できません (小数点として扱われるため) )、角括弧演算子のみを使用できます。

8 オブジェクトのすべての属性を走査するために使用されます

delete dic;

11 ステートメント付き

機能: 同じオブジェクトの複数の属性を操作する際の記述の利便性を提供します

Object.keys(obj);

obj.name || obj['name']

と同等

以上がWeChat ミニプログラム開発の経験の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。