更新時間:2021年6月26日
說明:寫作此系列有兩個目的,①復習微信小程序開發技術(前端+后端);②為微信小程序初學者提供一些幫助。以后一定要養成通過寫博客記錄學習過程的好習慣,不然時間長了真的會忘……
我學習的課程是“學堂在線”上的學做小程序——實戰篇:樹洞小程序

axlsdtkl/wechat-mini這是下面這位大佬上傳到github上的treehole項目,如果覺得跟着視頻敲代碼太慢了,可以下載下來跟着課程閱讀源碼。

課程前三章分別是:①課程導論;②如何開始第一步;③產品原型設計實踐,如果想系統地了解開發一個微信小程序的過程,這部分內容還是有必要學習下的。我們從第四章開始學習。

小程序前端開發實戰
這一章介紹了微信小程序開發者工具的使用、小程序代碼框架、以及html+css+js的入門知識。
小程序前端開發推薦工具包括:
- 微信開發者工具(小程序開發工具)
- iconfont-阿里巴巴矢量圖標庫(小圖標獲取網站)
- CSS取色器(在線獲取/查看顏色)
前期工作
微信小程序的接入流程包括:注冊;小程序信息完善;開發小程序;提交審核和發布。

開發小程序前要先完成小程序注冊。進入注冊頁面微信小程序,按照步驟完成:帳號信息;郵箱激活;信息登記三步。之后掃碼登錄,並完善小程序信息,點擊下圖中的開發設置可以查看AppID,類似微信小程序的“身份證號”。

打開微信開發者工具,選擇小程序項目,填寫表單后創建小程序。如果不使用雲開發技術,就選擇“不使用雲服務”選項。

點擊“新建”,進入開發界面。快捷鍵Alt+Shift+F
可以格式化代碼。開發者文檔微信開放文檔可以幫助我們完成小程序的開發。

小程序代碼框架
微信小程序實質上是一款基於web技術的應用程序。微信小程序 ≈ 網站前端,他們使用的開發語言,代碼結構以及代碼的運行機制是一樣的。
微信小程序代碼框架介紹:







更新時間:2021年6月27日
剛剛在閱讀微信開放文檔時,發現里面還“隱藏”着一份教程《小程序開發指南》,有待后續閱讀。

更新時間:2021年6月29日
WXML學習

















WXSS學習










JS學習

























API介紹










⭐wx.getUserInfo(Object object) | 微信開放文檔


