目錄
- 小程式前端開發實戰
- 前期作業
- 小程式代碼框架
更新時間：2021年6月26日
說明：寫作此系列有兩個目的，①復習微信小程式開發技術（前端+后端）；②為微信小程式初學者提供一些幫助，以后一定要養成通過寫博客記錄學習程序的好習慣，不然時間長了真的會忘……
我學習的課程是“學堂在線”上的學做小程式——實戰篇：樹洞小程式
axlsdtkl/wechat-mini這是下面這位大佬上傳到github上的treehole專案，如果覺得跟著視頻敲代碼太慢了，可以下載下來跟著課程閱讀原始碼，
課程前三章分別是：①課程導論；②如何開始第一步；③產品原型設計實踐，如果想系統地了解開發一個微信小程式的程序，這部分內容還是有必要學習下的，我們從第四章開始學習，
小程式前端開發實戰
這一章介紹了微信小程式開發者工具的使用、小程式代碼框架、以及html+css+js的入門知識，
小程式前端開發推薦工具包括：
- 微信開發者工具（小程式開發工具）
- iconfont-阿里巴巴矢量圖示庫（小圖示獲取網站）
- CSS取色器（在線獲取/查看顏色）
前期作業
微信小程式的接入流程包括：注冊；小程式資訊完善；開發小程式；提交審核和發布，
開發小程式前要先完成小程式注冊，進入注冊頁面微信小程式，按照步驟完成：帳號資訊；郵箱激活；資訊登記三步，之后掃碼登錄，并完善小程式資訊，點擊下圖中的開發設定可以查看AppID，類似微信小程式的“身份證號”，
打開微信開發者工具，選擇小程式專案，填寫表單后創建小程式，如果不使用云開發技術，就選擇“不使用云服務”選項，
點擊“新建”，進入開發界面，快捷鍵Alt+Shift+F可以格式化代碼，開發者檔案微信開放檔案可以幫助我們完成小程式的開發，
?開始 | 微信開放檔案
小程式代碼框架
微信小程式實質上是一款基于web技術的應用程式，微信小程式 ≈ 網站前端，他們使用的開發語言，代碼結構以及代碼的運行機制是一樣的，
微信小程式代碼框架介紹：
?小程式代碼構成 | 微信開放檔案
待續……
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/288508.html
標籤：其他