為了適應當前公司業(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、界面之間跳轉動畫