小程序(四)

參數(shù)傳值的方法

1: data-id 我們可以給HTML元素添加data-*屬性來傳遞我們需要的值,使用方法說明:
(1)設(shè)置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-名稱不能有大寫字母,data-*屬性中不可以存放對象 2: 設(shè)置id 的方法標(biāo)識來傳值 使用方法說明:
(1)設(shè)置id

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

(2)取值 通過e.currentTarget.id獲取設(shè)置的id的值,然后通過設(shè)置全局對象的方式來傳遞數(shù)值
3: 在navigator中添加參數(shù)傳值 使用方法說明:
(1)傳值:在navigator的屬性url后拼接?id(參數(shù)名字)=要傳遞的值 (如果多個參數(shù)用&分開 &name=value&…….) <navigator url="../my/my?id={{item.id}}" wx:for="{{modles}}">
(2)取值: onLoad (params){ app.fetch(API.detail + params.id,(err,data) => { }) }

二:數(shù)據(jù)請求封裝

1.將所有的接口放在統(tǒng)一的js文件中并導(dǎo)出 const api = { interface1: 'https://........', interface2: 'https://.......', interface3: 'https://....', ..... } module.exports = api;
2:在app.js中創(chuàng)建封裝請求數(shù)據(jù)的方法

  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: 在子頁面中調(diào)用封裝的方法請求數(shù)據(jù) import API from "../../api/api.js";

const app = getApp(); const conf = {     data:{         title:'正在拼命加載中...',         loadding:true     },     onLoad (){         app.fetch(API.hot,{},(err,data) => {         })     },

三:使用模板

1:定義模板:name設(shè)置模板的名字 <template name="homecell">

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

2:使用模板 首先引入模板

<importsrc="../../commonXml/homecell.wxml" /> 

然后使用模板is后寫模板的name..通過data來傳遞需要是數(shù)據(jù)

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

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

Array.isArray() 方法用來判斷某個值是否為Array。如果是袭异,則返回 true鹏秋,否則返回 false薄扁。
concat() 方法將傳入的數(shù)組或非數(shù)組值與原數(shù)組合并,組成一個新的數(shù)組并返回.
forEach() 方法對數(shù)組的每個元素執(zhí)行一次提供的函數(shù)(回調(diào)函數(shù))貌夕。
join() 方法將數(shù)組中的所有元素連接成一個字符串磷籍。
keys() 方法返回一個數(shù)組索引的迭代器闷哆。
map() 方法返回一個由原數(shù)組中的每個元素調(diào)用一個指定方法后的返回值組成的新數(shù)組
pop() 方法刪除一個數(shù)組中的最后的一個元素站楚,并且返回這個元素礁遵。 push() 方法添加一個或多個元素到數(shù)組的末尾轻绞,并返回數(shù)組新的長度(length 屬性值)。
toString() 返回一個字符串佣耐,表示指定的數(shù)組及其元素政勃。

五:對象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);

對象的所有鍵名都是字符串,所以加不加引號都可以,如果鍵名是數(shù)值,會被自動轉(zhuǎn)為字符串但是兼砖,如果鍵名不符合標(biāo)識名的條件(比如第一個字符為數(shù)字奸远,或者含有空格或運算符),也不是數(shù)字讽挟,則必須加上引號懒叛,否則會報錯

7 讀取屬性 obj.name || obj[’name']

注意: 數(shù)值鍵名不能使用點運算符(因為會被當(dāng)成小數(shù)點),只能使用方括號運算符耽梅。

8 檢查變量是否聲明 if(obj.name) || if(obj[’name'])

9 in 運算符用于檢查對象是否包含某個屬性,如果包含返回true,否則返回false if ( ‘x’ in obj) {return 1} 1 10 for … in 循環(huán) 用來遍歷一個對象的全部屬性 for (var i in obj) { console.log(obj); } 1 2 3 11 with 語句 作用: 操作同一個對象的多個屬性時,提供一些書寫的方便 with(obj) { name1 = 1; name2 = 2; } 等同于 obj.name1 = 1; obj.name2 = 2;

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末薛窥,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子眼姐,更是在濱河造成了極大的恐慌诅迷,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,635評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件众旗,死亡現(xiàn)場離奇詭異罢杉,居然都是意外死亡,警方通過查閱死者的電腦和手機贡歧,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,543評論 3 399
  • 文/潘曉璐 我一進店門滩租,熙熙樓的掌柜王于貴愁眉苦臉地迎上來赋秀,“玉大人,你說我怎么就攤上這事持际∥掷牛” “怎么了?”我有些...
    開封第一講書人閱讀 168,083評論 0 360
  • 文/不壞的土叔 我叫張陵蜘欲,是天一觀的道長益眉。 經(jīng)常有香客問我,道長姥份,這世上最難降的妖魔是什么郭脂? 我笑而不...
    開封第一講書人閱讀 59,640評論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮澈歉,結(jié)果婚禮上展鸡,老公的妹妹穿的比我還像新娘。我一直安慰自己埃难,他們只是感情好莹弊,可當(dāng)我...
    茶點故事閱讀 68,640評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著涡尘,像睡著了一般忍弛。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上考抄,一...
    開封第一講書人閱讀 52,262評論 1 308
  • 那天细疚,我揣著相機與錄音,去河邊找鬼川梅。 笑死疯兼,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的贫途。 我是一名探鬼主播吧彪,決...
    沈念sama閱讀 40,833評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼潮饱!你這毒婦竟也來了来氧?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,736評論 0 276
  • 序言:老撾萬榮一對情侶失蹤香拉,失蹤者是張志新(化名)和其女友劉穎啦扬,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體凫碌,經(jīng)...
    沈念sama閱讀 46,280評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡扑毡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,369評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了盛险。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片瞄摊。...
    茶點故事閱讀 40,503評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡勋又,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出换帜,到底是詐尸還是另有隱情楔壤,我是刑警寧澤,帶...
    沈念sama閱讀 36,185評論 5 350
  • 正文 年R本政府宣布惯驼,位于F島的核電站蹲嚣,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏祟牲。R本人自食惡果不足惜隙畜,卻給世界環(huán)境...
    茶點故事閱讀 41,870評論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望说贝。 院中可真熱鬧议惰,春花似錦、人聲如沸乡恕。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,340評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽傲宜。三九已至倍试,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間蛋哭,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,460評論 1 272
  • 我被黑心中介騙來泰國打工涮母, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留谆趾,地道東北人。 一個月前我還...
    沈念sama閱讀 48,909評論 3 376
  • 正文 我出身青樓叛本,卻偏偏與公主長得像沪蓬,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子来候,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,512評論 2 359

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理跷叉,服務(wù)發(fā)現(xiàn),斷路器营搅,智...
    卡卡羅2017閱讀 134,699評論 18 139
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語法云挟,類相關(guān)的語法,內(nèi)部類的語法转质,繼承相關(guān)的語法园欣,異常的語法,線程的語...
    子非魚_t_閱讀 31,662評論 18 399
  • 國家電網(wǎng)公司企業(yè)標(biāo)準(zhǔn)(Q/GDW)- 面向?qū)ο蟮挠秒娦畔?shù)據(jù)交換協(xié)議 - 報批稿:20170802 前言: 排版 ...
    庭說閱讀 11,004評論 6 13
  • 泰國廣告案例分析休蟹,狗狗的報恩 我曾在視頻廣告上看到過這么一個廣告沸枯,男主人公在買吃的時候隨手給了路邊的狗狗一個串串日矫,...
    MrDD閱讀 218評論 0 1
  • 【連載】愛的智能化(目錄) 01. “不可能,你說謊绑榴,他怎么可能拋下我哪轿?”這時淚水和鼻涕也一同涌往張著的嘴巴,俊耀...
    葉萍閱讀 248評論 1 4