之前的部落格:vue.js生命週期
mr.j--vue之v-for全解析
官方文件:在元件上使用wx:for
控制屬性繫結乙個陣列,即可使用陣列中各項的資料重複渲染該元件。
預設陣列的當前項的下標變數名預設為index
,陣列當前項的變數名預設為item
官方文件:如果列表中專案的位置會動態改變或者有新的專案新增到列表中,並且希望列表中的專案保持自己的特徵和狀態(如 input 中的輸入內容,switch 的選中狀態),需要使用wx:key
來指定列表中專案的唯一的識別符號。
}
switch
add to the front
} add to the front
page(,,,
,,,],
numberarray: [1, 2, 3, 4]
},switch: function(e)
this.setdata()
},addtofront: function(e) ].concat(this.data.objectarray)
this.setdata()
},addnumbertofront: function(e))
}})
如不提供wx:key
,會報乙個warning
, 如果明確知道該列表是靜態,或者不必關注其順序,可以選擇忽略。人話:wx:key是用來告訴程式按照某個key去排序這個元件,例如wx:key="id",此時元件順序就會按照你arr中id值來進行排序了(注意此時的id是唯一切不能動態改變的,也是你要迭代物件中唯一的乙個識別符號)。而如果沒有這個wx:key的話,當渲染時框架會去查詢這個"key",造成資源的浪費。
wx:for="}"用來迴圈陣列,而 list 即為陣列名wx:for-item="items" 即用來定義乙個迴圈過程中每個元素的變數的
如果是一維陣列,按照如下方式迴圈出來:
} }
以上**中,item即為list的別名。
如果是二維甚至多維陣列,按照如下方式迴圈:
}}}
for (var i = 0 ; i < list.length; i++)
等同於
謹記:wx:for是迴圈陣列,wx:for-item即給列表賦別名1.直接用wx:for-item ,這樣是迴圈不出來列表的
} }
2.子迴圈中慎用wx:for-item
其中資料:
在我自己電腦執行:
完整輸出:[object object](等同於輸出了資料的資料型別)
對**進行修改:
3(未使用wx:key進行警告).
個人對於we:key使用理解:變數需要,常量不需要。(求大佬指點正確與否)
使用第一種:wk:key="字串",代表在for迴圈的array中的item的某個property,該property的值(不是property哦!)需要是列表中唯一的字串或者或者數字,且不會發生改變。例如:wx:for-item
可以指定陣列當前元素的變數名,使用
wx:for-index
可以指定陣列當前下標的變數名:
objectarray: [, , , , , ],
在該objectarray中能有唯一性的應該是id,所以應該寫成wx:key="id"**如下
}隨機交換資料
// pages/mypage/mypage.js
page(, , , , , ]
},randomsort: function(e)
this.setdata()
} }
})
第二種:wk:key="*this",代表在for迴圈中的item自身,這種表示需要item本身就是乙個唯一的字串或者數字。(* 萬用字元)
php soap 詳解 附簡單案例
soap在php中開發有三種,php5 soap,pear soap,nusoap,第一中用c寫的,速度較快。後兩種用php寫的。安裝 在window下開發要開啟c windows php.ini修改下。extension php openssl.dll extension php soap.dll...
python pexpect模組詳解附常用指令碼
wgettar zxvf pexpect 2.4.tar.gz cd pexpect 2.4 python setup.py install spawn是pexpect模組主要的類,用以實現啟動子程式,它有豐富的方法與子程式互動從而實現使用者對子程式的控制。示例 child pexpect.spaw...
CAS詳解附原始碼
cas 也就是compareandswap 比較並交換,主要為了解決多執行緒下的原子性,大體思想就是在更新前,進行比較,舉個例子atomicinteger 下的compareandset expect,update expect 為期望值也就是未更新的值,update是如果期望值相同則更新的值。首先...