为了适应当前公司业务需求,着手学习微信小程序;为了更快上手公司业务,现在制定以下学习路线,不足之处,还请指证。
一、前期准备工作
? ? ? ? 1.1、开发工具安装
? ? ? ? 1.2、开发帐号申请
? ? ? ? 1.3、工程目录结构浏览
二、了解小程序工作流程
? ? ? ?2.1、根据官方文档了解小程序代码组成? ? ? ? ?
? ? ? ?2.2、了解WXML 模板、WXSS 样式、JavaScript基本语法;
????????????????特别是数据绑定、模版引用、事件响应等概念。
三、微信小程序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 模态弹窗? ??????????????
? ? ? ? ? ? ?toast 消息提示框
? ? ? ? ? ? ?loading 加载提示符
? ? ? 3.5、导航控件
? ? ? ? ? ? ?navigator
? ? ? 3.6、媒体控件
? ? ? ? ? ? audio 语音
? ? ? ? ? ? image 图片
? ? ?3.7、自定义组件
? ? ? ? ? ? 根据业务需求、可以自定义出符合要求的组件
四、网络交互
? ? ? ?4.1、能从后台正常请求数据
? ? ? 4.2、上传文件
? ? ? 4.3、多线程
五、手机硬件信息
? ? ? ?5.1、获取当前网络状态
? ? ? 5.2、获取系统信息
? ? ? 5.3、调用蓝牙
? ? ? 5.4、调用通讯录
? ? ? 5.5、调用扫二维码功能
六、界面交互
? ? ? 6.1、界面之间传值
? ? ? 6.2、界面之间跳转动画