◆ 准备工作
首先需要在微信工作平台上申请一个账号:账号申请
根据指引填写好信息后就可以拥有自己的小程序账号了
登录 https://mp.weixin.qq.com ,我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID了 。
安装好开发工具后,IDE下载地址: 微信web开发工具,选择放代码的盘,填写好自己的AppID,勾选创建就得到自己的小程序了。
◆ 知识清单
JavaScript基础知识:JavaScript基础知识
CSS基础知识: CSS基础知识
HTML基础知识:HTML基础知识
◆ 代码构成
1. json配置
☆ 全局配置:app.json
作用:包含了页面的文件路径 、窗口表现 、网络超时时间 、底部tab
参考文档:小程序的配置 app.json
☆ 工具配置:project.config.json
作用:可以根据个人喜好做一些个性化配置
参考文档:工具配置参考文档
☆ 页面配置:page.json
作用:小程序页面相关的配置
参考文档:页面配置参考文档
2. WXML 模板
相当于html的角色,与之相似,但在标签上会有些不同,在小程序中经常使用的是view,text等。
在开发模式上沿用了MVVM的模式,减少了对DOM的操作,使用模板语法来描述界面和状态。
但是在写法上又与vue有所不同,类似if/else这样的判断语句需要加上wx: 开头。
3. WXSS 样式
相当于CSS的角色,新增了尺寸单位rpx,不用开发者自己换算不同的设备上的像素。
1rpx = 0.5px
4. J S 交互逻辑
实现了界面与用户做交互