微信小程序知识点GET
生活随笔
收集整理的這篇文章主要介紹了
微信小程序知识点GET
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1. app.json中的pages用來(lái)設(shè)置小程序包含哪些頁(yè)面以及頁(yè)面的路徑、window用來(lái)設(shè)置默認(rèn)頁(yè)面的窗口表現(xiàn)形式、tabBar用來(lái)設(shè)置小程序底部tab的表現(xiàn)
2. app.js中的App()函數(shù)用來(lái)注冊(cè)一個(gè)小程序,接受的對(duì)象參數(shù)用來(lái)指定小程序的生命周期函數(shù)等,注意App()必須在app.js中進(jìn)行注冊(cè)且不能注冊(cè)多個(gè)
4. 頁(yè)面初始化數(shù)據(jù)時(shí)會(huì)將Page函數(shù)內(nèi)的JSON格式的data數(shù)據(jù)渲染到頁(yè)面中,在頁(yè)面中通過(guò)雙花括號(hào)來(lái)標(biāo)識(shí)
5. 每個(gè)頁(yè)面的生命周期函數(shù)(onLoad/onShow/onHide/onUnload等)和每個(gè)頁(yè)面的事件處理函數(shù)(onPullDownRefresh/onReachBottom/onPageScroll/onShareAppMessage)不同
6. 組件的事件處理函數(shù)可以在渲染層的組件中進(jìn)行事件綁定,就會(huì)執(zhí)行Page中定義的事件處理函數(shù)
7. this.setData()接受一個(gè)對(duì)象,以 key,value 的形式表示將 this.data 中的 key 對(duì)應(yīng)的值改變成 value,其中 key 可以非常靈活,以數(shù)據(jù)路徑的形式給出,如 array[2].message,a.b.c.d,并且不需要在 this.data 中預(yù)先定義
8. 在 JavaScript 文件中聲明的變量和函數(shù)只在該文件中有效;不同的文件中可以聲明相同名字的變量和函數(shù),不會(huì)互相影響。通過(guò)全局函數(shù) getApp() 可以獲取全局的應(yīng)用實(shí)例,如果需要全局的數(shù)據(jù)可以在 App() 中設(shè)置
9. 我們可以將一些公共的代碼抽離成為一個(gè)單獨(dú)的 js 文件,作為一個(gè)模塊。模塊只有通過(guò) module.exports 或者 exports 才能對(duì)外暴露接口
10. 數(shù)據(jù)綁定
11. 在組件上使用 wx:for 控制屬性綁定一個(gè)數(shù)組,即可使用數(shù)組中各項(xiàng)的數(shù)據(jù)重復(fù)渲染該組件。默認(rèn)數(shù)組的當(dāng)前項(xiàng)的下標(biāo)變量名默認(rèn)為 index,數(shù)組當(dāng)前項(xiàng)的變量名默認(rèn)為 item。使用 wx:for-item 可以指定數(shù)組當(dāng)前元素的變量名,使用 wx:for-index 可以指定數(shù)組當(dāng)前下標(biāo)的變量名。
12. 模板(template),可以在模板中定義代碼片段,然后在不同的地方調(diào)用。定義模板:使用name屬性,作為模板的名字。然后在內(nèi)定義代碼片段,使用模板:使用 is 屬性,聲明需要的使用的模板,然后將模板所需要的 data 傳入
13. 事件
13.1 在組件中綁定一個(gè)事件處理函數(shù),如bindtap,當(dāng)用戶(hù)點(diǎn)擊該組件的時(shí)候會(huì)在該頁(yè)面對(duì)應(yīng)的Page中找到相應(yīng)的事件處理函數(shù)
在相應(yīng)的Page定義中寫(xiě)上相應(yīng)的事件處理函數(shù),參數(shù)是event
13.2 事件分為冒泡事件和非冒泡事件
WXML的冒泡事件列表
事件綁定的寫(xiě)法同組件的屬性,以 key、value 的形式。(1)key 以bind或catch開(kāi)頭,然后跟上事件的類(lèi)型,如bindtap, catchtouchstart。(2)value 是一個(gè)字符串,需要在對(duì)應(yīng)的 Page 中定義同名的函數(shù)。不然當(dāng)觸發(fā)事件的時(shí)候會(huì)報(bào)錯(cuò)。(3)bind事件綁定不會(huì)阻止冒泡事件向上冒泡,catch事件綁定可以阻止冒泡事件向上冒泡
13.3 如無(wú)特殊說(shuō)明,當(dāng)組件觸發(fā)事件時(shí),邏輯層綁定該事件的處理函數(shù)會(huì)收到一個(gè)事件對(duì)象
這里target和currentTarget都會(huì)包含id(事件源組件的id)、tagName(當(dāng)前組件的類(lèi)型)和dataset(事件源組件上由data-開(kāi)頭的自定義屬性組成的集合)屬性
總結(jié)
以上是生活随笔為你收集整理的微信小程序知识点GET的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: Wordpress淘宝客专用链接跳转插件
- 下一篇: 商务网站建设与维护【5】