公司一直說要搞小程序,說了幾個月,最近纔算落地,一個很小的項目,就結果來說,勉強讓本身窺得小程序門徑。css
下面總結一下,爲了弄好小程序,所學到的知識,以及項目中遇到的問題以及解決的辦法。純屬我的看法。html
1,微信小程序,是在封裝好的js、css、html基礎上作開發,在微信端作開發,於是也少了不少兼容性問題;前端
2,微信小程序的app.js 、app.json、app.wxss是全局配置文件,一個小程序只有一個App實例,而每一個頁面有一個page實例;vue
3,頁面能夠經過建立app的實例,也就是getApp()的方法獲取app.js中的全局數據;react
4,能夠實現.wxss的模塊化使用,具體是經過@import的方式ajax
5,微信小程序能夠直接animation的@keyframes,不須要作兼容性處理json
6,css裏面依然有id和css之分小程序
7,html元素髮生了很大變化,第一認識是view代替的是div,而text的代替的是span後端
8,js裏面的結構和vue有着很大的類似性,存在生命週期的概念,初始化渲染onReady,onLoad監聽頁面加載,onShow監聽顯示,仍是有監聽隱藏onHide等等微信小程序
9,數據存在data裏面,但又不一樣vue,對數據的訪問須要帶上data,對數據的更改相似react的setState,使用setData()
10,wx.showToast()相似原生js的alert,用於提示
11,wx.request也就是ajax,用於遠程請求數據
12,其它還有form表單的數據提交,數據掛載在時間對象的detail上面,依然採用表單元素的name區分
13,關於體驗版openId的獲取問題,筆者花了兩天時間,終於搞清楚了,一開始獲取openId直接在小程序端調接口,結果是在體驗版的調試狀態能夠在非調式狀態就是不能夠,
而後各類百度,最後嘗試前端傳遞wx.login的code給後端,然後端獲取openId在傳回的方法,終因而解決了問題。
未完待續。