关于微信小程序的的总结
微信小程序學完了,給大家分享一些自己學小程序的心得,希望能幫到大家。
首先,我談談小程序數據綁定的那一塊,所有從本地或者遠程服務器的API傳過來,都必須綁定到data: {}, 綁定格式是一個一個的鍵值對(value:key),然后在wxml文件中通過{{value}}直接用了,具體來說呢,如果是本地的話,你可以在本項目外建立一個exmaple.js文件,文件里var一個數據數組exmaple,通過module.exports = {value:exmaple},然后把該文件引入到你自己要用這些數據的那個頁面,引入方式是在該文件var Data = require('../../exmaple.js'),然后該文件中就可以通過數據綁定this.setData({value:Data.exmaple});然后就可以用value.直接用在wxml文件中用了。如果是API的話,你得先通過小程序的api接口
wx.request{(url: url,method: 'GET',header: {"Content-Type": "json"},success: function (res) {callBack(res.data);},fail: function (error) {console.log(error)})}可以先用控制臺JS調試看有沒有得到數據,得到的數據全都在res.data中,你需要自己處理一下,處理方法應該都知道吧,數據歸類到一個數組后引用或者直接引用,同以上的方法先綁定后再到自己的wxml中使用。
再談談小程序中的數據傳輸的方法,在我做小程序的時候我用到的兩種方法(同時也是最常用和最簡單的方法),第一種是頁面之間的傳遞方法,給你的catchtap或者bindtap的組件上寫data-(后面接你想要定義的數據名字,當然前提是這個數據是你在同目錄下的.js文件綁定過的,多個數據也是可以的,只要你多寫幾個data-),后面再自己的bindtap后者catchtap方法中得到你在頁面傳入得數據,方法是var data = event.currentTarget.dataset.(你定義的數據名字,但要注意一點,當你定義的是data-Id,這時候你就得寫成id,如果你定義的是data-example-id,你就得寫成exampleId,我也不懂其中原理,也許是個不成文的規定吧),再用頁面跳轉接口wx.navigateTo({? url: "yemian/id=" + id})(多個需要用&分開),跳轉過去的頁面需要用option接收。第二種是就是小程序自帶的緩存實現的,如果你想把一個不常用的參數轉到自己想用的頁面上,不妨你可以試試這種方法,我給大家舉個例子,就是我在我的小程序中遇到這樣一問題,我想把我每日一文的頁面的文章詳情頁面的字體和背景改成可以變化,同時我又想把用戶設置好的字體和顏色讀取出來,方便我設置用戶默認的字體和顏色,我就想到了利用緩存的優良特性,成功解決了這個問題。
最后我還想談談小程序的全局變量的問題,全局變量的數值可以在app.js中globalData: {value:key},當自己需要用到這個value的時候,只要在自己要用到的頁面定義app = getApp(),就可以用app.value()就可以用這個變量了,全局變量的樣式只要在app.wxss中可以全局定義,個別頁面需要設置時,只需要覆蓋就行了,全局方法需要定義在“utils/util.js”中配置,定以后通過module.exports = {value:方法名字},后面再你用的時候你只需要引入var util = require('../../utils/util.js'),然后util.方法名字就可以了。
自己的小程序沒法給大家看,審核不通過的原因是文娛-資訊不適用于個人用戶開發,所以決定一直用體驗版了。另外我想推薦我的微信小程序的老師的小程序知乎專欄Q&A,那里可以解決小伙伴的各種問題。
URL:https://zhuanlan.zhihu.com/p/24554026
轉載于:https://www.cnblogs.com/huhu1203/p/6912462.html
總結
以上是生活随笔為你收集整理的关于微信小程序的的总结的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: .Net 获取日期所属于一年中的第几周
- 下一篇: java基础:关键字