微信小程序學習筆記,微信小程序怎麼開始學習

是什麼:微信裏方便獲取並傳播,同時具有出色體驗的程序;

概念:框架、組件、api、工具、騰訊雲、第三方服務商、插件

主要使用行業:智慧零售、電商、線下服務(如餐飲)、

開發工具:

  1. 微信開發者工具(推薦)、
  2. 小程序開發助手(微信上的小程序,幫助開發人員在手機微信上真機預覽自己的小程序)、
  3. 小程序數據助手(在微信中方便的查看運營數據)、
  4. Egret Wing(我已更新到最新版,但預覽功能還是不正常,並沒有別人說的比微信開發者工具好用尼)、
  5. Labrador框架(2016年後無更新,不推薦)、
  6. wepy框架、
  7. 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好用多了。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章