微信小程序學習路線

為了適應當前公司業(yè)務需求,著手學習微信小程序;為了更快上手公司業(yè)務,現(xiàn)在制定以下學習路線,不足之處,還請指證。

一、前期準備工作

? ? ? ? 1.1、開發(fā)工具安裝

? ? ? ? 1.2、開發(fā)帳號申請

? ? ? ? 1.3、工程目錄結構瀏覽

二、了解小程序工作流程

? ? ? ?2.1、根據(jù)官方文檔了解小程序代碼組成? ? ? ? ?

? ? ? ?2.2、了解WXML 模板、WXSS 樣式、JavaScript基本語法;

????????????????特別是數(shù)據(jù)綁定、模版引用、事件響應等概念。

三、微信小程序UI

? ? ? ? 微信小程序有提供各種UI樣式,這里選一些常用的、與項目緊密相關的研究。

? ? ? ? 3.1、容器類

? ??????????????view

? ??????????????scroll-view

? ? ? ? ? ? ? ? swiper ? ? ? ? ?

? ? ? ? ? ? ? ? cover-view

? ? ? ?3.2、基礎控件

? ? ? ? ? ? ? ? icon ??

? ? ? ? ? ? ? ? text? ??

? ? ? ? ? ? ? ? rich-text

? ? ? ?3.3、表單組件

? ? ? ? ? ? ? ?button

? ? ? ? ? ? ? ?form

? ? ? ? ? ? ? ?input

? ? ? ? ? ? ? ?label? ? ? ? ? ? ??

? ? ? ? ? ? ? picker

? ? ? ? ? ? ? picker-view

? ? ? ? ? ? ? radio

? ? ? ? ? ? ? switch

? ? ? ? ? ? ? textarea

? ? ? 3.4、彈出框

? ? ? ? ? ? ? action-sheet

? ? ? ? ? ? ?modal 模態(tài)彈窗? ??????????????

? ? ? ? ? ? ?toast 消息提示框

? ? ? ? ? ? ?loading 加載提示符

? ? ? 3.5、導航控件

? ? ? ? ? ? ?navigator

? ? ? 3.6、媒體控件

? ? ? ? ? ? audio 語音

? ? ? ? ? ? image 圖片

? ? ?3.7、自定義組件

? ? ? ? ? ? 根據(jù)業(yè)務需求、可以自定義出符合要求的組件


四、網(wǎng)絡交互

? ? ? ?4.1、能從后臺正常請求數(shù)據(jù)

? ? ? 4.2、上傳文件

? ? ? 4.3、多線程

五、手機硬件信息

? ? ? ?5.1、獲取當前網(wǎng)絡狀態(tài)

? ? ? 5.2、獲取系統(tǒng)信息

? ? ? 5.3、調用藍牙

? ? ? 5.4、調用通訊錄

? ? ? 5.5、調用掃二維碼功能

六、界面交互

? ? ? 6.1、界面之間傳值

? ? ? 6.2、界面之間跳轉動畫

七、微信組件化開發(fā)以及開發(fā)代碼規(guī)范

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內容