【學習記錄】微信小程序:前端開發


更新時間:2021年6月26日

說明:寫作此系列有兩個目的,①復習微信小程序開發技術(前端+后端);②為微信小程序初學者提供一些幫助。以后一定要養成通過寫博客記錄學習過程的好習慣,不然時間長了真的會忘……

我學習的課程是“學堂在線”上的學做小程序——實戰篇:樹洞小程序

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

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

小程序前端開發實戰

這一章介紹了微信小程序開發者工具的使用、小程序代碼框架、以及html+css+js的入門知識。

小程序前端開發推薦工具包括

前期工作

微信小程序的接入流程包括:注冊;小程序信息完善;開發小程序;提交審核和發布。

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

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

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

開始 | 微信開放文檔

小程序代碼框架

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

微信小程序代碼框架介紹

小程序代碼構成 | 微信開放文檔

更新時間:2021年6月27日

剛剛在閱讀微信開放文檔時,發現里面還“隱藏”着一份教程《小程序開發指南》,有待后續閱讀。

更新時間:2021年6月29日

WXML學習

WXML | 微信開放文檔

視圖容器 | 微信開放文檔

數據綁定 | 微信開放文檔

列表渲染 | 微信開放文檔

條件渲染 | 微信開放文檔

WXSS學習

WXSS | 微信開放文檔

JS學習

事件 | 微信開放文檔

運行時性能 | 微信開放文檔

API介紹

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM