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