本教程为初学者设计,通过开发一个简单的记事本应用介绍微信小程序的基础知识和开发流程。
主要实现思想都在代码的注释中,项目源码见GitHub。
首先展示项目的目录结构。
`app.js` 文件代码如下:
```javascript
// app.js
App({
onLaunch: function() {
// 调用API从本地缓存中获取数据
var logs = wx.getStorageSync(logs) || [];
logs.unshift(Date.now());
wx.setStorageSync(logs, logs);
},
getUserInfo: function(cb) {
var that = this;
if (this.globalData.userInfo) {
// 已经存在用户信息,直接调用回调函数
cb && cb(this.globalData.userInfo);
} else {
// 用户信息不存在,通过API获取并存储
wx.getUserInfo({
success: function(res) {
that.globalData.userInfo = res.userInfo;
that.globalData.hasUserInfoReady = true;
if (cb) {
cb(that.globalData.userInfo);
}
}
});
}
},
globalData: {
userInfo: null,
hasUserInfoReady: false
}
});
```
以上代码展示了小程序启动时的数据获取逻辑和用户信息处理机制。