為了適應(yīng)當(dāng)前公司業(yè)務(wù)需求西壮,著手學(xué)習(xí)微信小程序;為了更快上手公司業(yè)務(wù)叫惊,現(xiàn)在制定以下學(xué)習(xí)路線款青,不足之處,還請(qǐng)指證霍狰。
一抡草、前期準(zhǔn)備工作
? ? ? ? 1.1、開發(fā)工具安裝
? ? ? ? 1.2蔗坯、開發(fā)帳號(hào)申請(qǐng)
? ? ? ? 1.3康震、工程目錄結(jié)構(gòu)瀏覽
二、了解小程序工作流程
? ? ? ?2.1宾濒、根據(jù)官方文檔了解小程序代碼組成? ? ? ? ?
? ? ? ?2.2腿短、了解WXML 模板、WXSS 樣式绘梦、JavaScript基本語(yǔ)法橘忱;
????????????????特別是數(shù)據(jù)綁定、模版引用卸奉、事件響應(yīng)等概念钝诚。
三、微信小程序UI
? ? ? ? 微信小程序有提供各種UI樣式榄棵,這里選一些常用的凝颇、與項(xiàng)目緊密相關(guān)的研究郎嫁。
? ? ? ? 3.1、容器類
? ??????????????view
? ??????????????scroll-view
? ? ? ? ? ? ? ? swiper ? ? ? ? ?
? ? ? ? ? ? ? ? cover-view
? ? ? ?3.2祈噪、基礎(chǔ)控件
? ? ? ? ? ? ? ? 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辑鲤、導(dǎo)航控件
? ? ? ? ? ? ?navigator
? ? ? 3.6盔腔、媒體控件
? ? ? ? ? ? audio 語(yǔ)音
? ? ? ? ? ? image 圖片
? ? ?3.7、自定義組件
? ? ? ? ? ? 根據(jù)業(yè)務(wù)需求月褥、可以自定義出符合要求的組件
四弛随、網(wǎng)絡(luò)交互
? ? ? ?4.1、能從后臺(tái)正常請(qǐng)求數(shù)據(jù)
? ? ? 4.2宁赤、上傳文件
? ? ? 4.3舀透、多線程
五、手機(jī)硬件信息
? ? ? ?5.1决左、獲取當(dāng)前網(wǎng)絡(luò)狀態(tài)
? ? ? 5.2愕够、獲取系統(tǒng)信息
? ? ? 5.3、調(diào)用藍(lán)牙
? ? ? 5.4佛猛、調(diào)用通訊錄
? ? ? 5.5惑芭、調(diào)用掃二維碼功能
六、界面交互
? ? ? 6.1继找、界面之間傳值
? ? ? 6.2遂跟、界面之間跳轉(zhuǎn)動(dòng)畫