一直在開發RN，突然被領導叫停，讓先開發小程序，上午看了一會，下午就直接上手寫小程序，我就談談自己的一些小體會，作為最基礎的入門。其實小程序很簡單，框架都是封裝好的，代碼我覺得是主要是仿照Vue，還有些是模仿RN的，基本上一個頁面是一個文件夾，由A.JS,A.JSON,A.wxml,A.wxss組成。先給大家講講: app.js在這裏寫的是一些全局的變量，app.json中的pages是項目中所有的頁面，tabBar是項目的底部tab導航，window定義全局的導航的樣式，app.wxss定義全局的樣式。父給子傳遞參數也是用的props，跳轉路由的時候傳遞參數有兩種，一種是直接在url後面拼接參數，一種是使用wx.navigator(‘url‘, params),由於小程序只允許頁面嵌套的層級是5層，所以對於一個頁面如果有很多個跳轉到其他的頁面的同時返回這個頁面並攜帶參數的話，就要使用var arr= getCurrentPages(),可以獲取當前頁面的所有棧，arr[arr.length-2].data獲取上一個頁面的pages對象下面的data對象，就是在A頁面獲取B頁面的數據並修改，然後執行wx.navigateBack({}）。對於全局的變量除了使用global對象外還可以使用在app.js下面APP({})定義全局變量，使用的時候是getApp().變量,由於項目大小的限制所有在使用localstorage的時候要考慮好，能使用傳參的就不用localstorage。日期選擇器有時分秒需求的請使用picker-view然後在wx:for循環中操作。改變參數的時候跟RN一樣，都不能直接修改，而是使用this.setState({})來修改變量。由於onLoad生命周期只會執行一次，因此對於多次調用的請在onShow中使用，比如說每次刷新顯示loading的動畫。

小程序開發隨筆