是什麼:微信裏方便獲取並傳播,同時具有出色體驗的程序;
概念:框架、組件、api、工具、騰訊雲、第三方服務商、插件
主要使用行業:智慧零售、電商、線下服務(如餐飲)、
開發工具:
- 微信開發者工具(推薦)、
- 小程序開發助手(微信上的小程序,幫助開發人員在手機微信上真機預覽自己的小程序)、
- 小程序數據助手(在微信中方便的查看運營數據)、
- Egret Wing(我已更新到最新版,但預覽功能還是不正常,並沒有別人說的比微信開發者工具好用尼)、
- Labrador框架(2016年後無更新,不推薦)、
- wepy框架、
- wxml-parser
歷史:http://www.sohu.com/a/228837292_210968
前景:
1、程序向平板、PC端佈局,騰訊系產品入口全量開放
2、小程序開發模式向插件化方向發展
學習資料:
1、官方資料 https://mp.weixin.qq.com/cgi-bin/wx
2、官方社區 http://wxopen.club/?tab=app
3、RUNOOB資料彙總 http://www.runoob.com/w3cnote/wx-xcx-repo.html#id1
4、關於javascript回調地獄處理:https://www.cnblogs.com/shenggang/p/6297587.html
練習編寫微信小程序可選工具:
1、後端服務雲:騰訊雲(有免費測試用的空間,限php或nod.js、二級域名、數據庫)、Bmob(數據模糊查詢需升級爲付款會員)、小程序·雲開發(推薦,商用都可以)
2、前端雲:只能上傳到騰訊自家空間(個人註冊者,部分功能受限)
關注問題:
1、微信開發者工具編寫wxml時,漏寫標籤尾沒有提示;
2、頁面下拉滾動加載信息,建議統一使用scroll-view,其width、height通過wx.getSystemInfo獲取並設置;
2、數組使用map方法,並在回調函數中使用return當前項,會直接更改該數組的對應項;
3、wxml排錯方法,根據預覽頁面指示行,人工看代碼;
4、js排錯方法,根據console執行結果,找到對應位置,如果報錯在函數裏,並調用了自定義的接口,還要排查接口代碼問題;(人工查錯)
5、使用微信支持的尺寸單位rpx,1px=2rpx;
6、只有tap頁,才顯示tap欄。
11、注意回調函數是異步執行的。
微信開發者工具對比egret wing:
1、egret wing編輯wxml時,代碼提示比官方的前置,但沒有官方的齊全(初階者使用eget、高階者使用官方),並且要自行補寫結束標籤。
2、微信web開發者工具,選中提示代碼,會自動生成常用的屬性,填寫即可。
3、我個人推薦使用微信開發者工具,它的坑在不斷完善中,起碼到2018中場,已經比egret wing好用多了。