一阶段学习过程:
(一)看官方文档的简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/
(二)看小码哥视频:https://chuanke.baidu.com/v2040981-197486-1133724.html
(三)模仿并写出一个计算器小程序demo
项目结构:
pages:存储这各个页面的文件夹
pages内的文件夹(初始有index、logs):分别存储这每个页面,其中一般包含三种文件,*.js、*wxml、*wxss
utils:里面装有一个util.js文件,该文件封装着各种工具方法
app.js:整个小程序周期的相关逻辑
app.json:用于注册页面,定义一些全局信息或整个程序相关信息等公共信息
app.wxss:全局公共样式表
文件类型介绍:
*.js:定义各种逻辑处理的文件
*.wxml:定义页面组件的文件,相似于html(这里是基于html5,名字wx是微信的意思,ml则是html的后两个字母)
*.wxss:定义组件样式的样式表,相似于css
*.json:用于配置相关信息的文件
添加页面:
①在pages添加一个页面文件夹
②在新增的文件夹内添加.wxml文件及.js文件(.wxss和.json可选)
③在.js中添加page项(输入pa后自动联想,然后选择Page会自动创建好)
④在app.json中的“pages”项中注册页面
定义/修改/使用页面变量:
定义:
在本页面的*.js文件中的data项中定义,格式如:
data: { text: "this is Macrazd", res: "0", lastIsOperator:false, arr:[], logs:[] },