1. 当你准备开发微信小程序时,首先需要申请小程序许可证,可以在微信官网获取。(目前只有得到官网邀请的开发者才可以获取)
还需要准备微信开发者工具,官网上也可以下载,下载安装即可,支持、、、MAC平台。
2、微信小程序采用微信自研的MINA框架,提供了视图层描述语言WXML、WXSS以及基于此的逻辑层框架,并提供了视图层与逻辑层之间的数据传输与事件系统,让开发者轻松专注于数据与逻辑。
打开后会自动提示创建demo,demo结构文件树如下:
3、其中app.js、app.json、app.wxss三个必不可少,是小程序生成的依赖文件。
app.js 监控并控制整个程序的生命周期,也是全局变量的声明处,下面是 app.js 中的一段代码:
4.上述代码中一些API介绍:
App:注册小程序
:程序加载时执行的方法
:同步获取本地缓存
:设置缓存
wx.:获取用户信息
5、app.json是整个小程序的全局配置,不允许注释。
这是注册页面列表,都是相对路径,省略后缀,程序默认显示列表中第一个。
6.app.wxss是整个小程序的公共样式表。
在:
apx 是可以适应屏幕宽度的尺寸单位,对应的单位是 rem:屏幕宽度规定为;1rem = (750/20)rpx。
7. 全局文件就这些了。我们来看看文件的内容。
分为.js、.wxml、.wxss三个部分,下面分别介绍各自的功能。
8. .wxml 文件
这是一个展示页面,效果和HTML一致,可以看到内容块都使用了view标签,很容易让人联想到 中的布局,但其实它只是另一个版本的div标签而已。里面有很多MINA自定义的属性,同时我们还看到里面有{{ }}样式的值操作,也很容易让人联想到 中的双向数据绑定,这在MINA中也是支持的。
同时,页面的展示需要在小程序全局json配置文件中进行配置,具体配置方法如上所述。
9. .js 文件
在:
() 获取应用程序实例