首頁  >  文章  >  微信小程式  >  微信小程式開發經驗總結

微信小程式開發經驗總結

高洛峰
高洛峰原創
2017-03-22 15:47:091272瀏覽

學習時間不短了.今天公司不加班總結一下我的開發經驗吧,以下都是我認為很重要的總結哦!寫下來讓我自己也記得更清楚,同時希望可以幫助到有需要的同學哦


一: 參數傳值的方法

1:  data-id

我們可以為HTML元素新增data-*屬性來傳遞我們所需要的值,使用方法說明:
(1)設定data-id

(2):  取值+ 傳值

playTap:function(e) {

       const dataset = e.currentTarget.dataset;

#       wx .navigateTo({

         url: '../play/index?id='+ dataset.id

       })

    );

   }

(3):取值

onLoad:function (param) {

    //頁面初始化

        this. setData({

            currentId:param.id

        })

}

?


data-*注意事項:data-*名稱不能有大寫字母,曾經我就因為大寫了一個字母,找了半天的才發現這個錯誤..data-*屬性中不可以存放對象


#2:  設置id 的方法標識來傳值

使用方法說明:

(1)設定id

(2)取值
透過e.currentTarget.id取得設定的id的值,然後透過設定全域物件的方式來傳遞數值

# #3:  在navigator中加入參數傳值
使用方法說明
(1)傳值:在navigator的屬性url後拼接?id(參數名字)=要傳遞的值    (如果多個參數用&分開   &name=value&.......)
##

(2)值值:

onLoad (params){

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

        })

    }

二:資料請求封裝

##1.將所有的介面放在統一的js檔案中並匯出

const api = {

##    interface1: 'https://........',

     interface2: 'https://... ....',

     interface3: 'https://....',

     .....

}

#module .exports = api;

2:在app.js中建立封裝請求資料的方法

fetch(url,data, callback) {

      wx.request({

          url,

##          data: data,

##卷},

          success(res) {

              callback(null, res.data);##,## 

              callback(e);

          }

      })

##  }

      })

##  }.

## ##

import API from "../../api/api.js";

const app = getApp();

const conf = {

##    data :{

        title:'正在拼命載入...',

        loadding:true

#    },

##    onLoad (

        app.fetch(API.hot,{},(err,data) => {

        })

    },

#三:使用範本(發現模板真是好東西哦!)

1:定義模板:name設定模板的名字

#定義模板 

#2:用範本


 

#2:使用範本

#首先引入模板

然後使用模板is後寫模板的name..透過data來傳遞需要是資料

四:Array比較好用的屬性和方法


Array.isArray() 方法用來判斷某個值是否為Array。如果是,則回傳 true,否則回傳 false。


concat() 方法將傳入的數組或非數組值與原數組合並,組成一個新的數組並返回.


forEach() 方法對數組的每個元素執行一次提供的函數(回呼函數)。


join() 方法將陣列中的所有元素連接成一個字串。


keys() 方法傳回一個陣列索引的迭代器。


map() 方法傳回一個由原始數組中的每個元素呼叫一個指定方法後的返回值組成的新數組


pop() 方法刪除一個數組中的最後的一個元素,並且傳回這個元素。


push() 方法將一個或多個元素新增到陣列的結尾,並傳回陣列新的長度(length 屬性值)。

toString() 傳回字串,表示指定的陣列及其元素。

五:物件Object常用方法


1 初始化方法

var obj = [];

var obj = new obj();

var obj = Object.create(null);

2 新增元素的方法

dic[“key”] = “value”;

3 刪除key的方法

delete dic[“key”];

4 清空單字所有條目


dic.clear();

5 刪除


delete dic;

6 看所有屬性的方法

Object.keys(obj);


物件的所有鍵名都是字串,所以加不加引號都可以,如果鍵名是數值,會被自動轉為字串但是,如果鍵名不符合標識名的條件(比如第一個字元為數字,或者含有空格或運算符),也不是數字,則必須加上引號,否則會錯誤

6 讀取屬性 

obj.name  ||  obj['name']


#注意: 數值鍵名不能使用點運算子(因為會被當成小數點),只能使用方括號運算子。

7 檢查變數是否宣告

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

8  in 運算子用於檢查物件是否包含某個屬性,如果包含回傳true,否則回傳false


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

9 for … in  循環
用來遍歷一個物件的全部屬性

for (var i in obj) {

       console.log(obj);
}

####10 with 語句## #作用: 操作同一個物件的多個屬性時,提供一些書寫的方便###

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

等於

#obj.name1 = 1;
objj .name2 = 2;

以上是微信小程式開發經驗總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn