微信小程序来啦!虽然这款号称要干掉传统应用的APP目前还在内测阶段,但应用号官方文档中已经放出了即使没有内测号也可以使用的模拟器。
有关工具和文档请参考官方文档:
:
它是C#之父的又一力作,相信喜欢C#语法的朋友一定会喜欢它。
让我们快速聊一聊
顺便说一句,虽然我只关心生成之前的内容(也就是说我不关心生成的 JS 代码的运行效率),但是根据我拙见的观察和比较,生成的代码至少比大多数前端开发人员自己编写的代码高出一个数量级!!
另一个优点:
各大IDE和编辑器都有智能提示!
重要的事情说三遍!有聪明的窍门!有聪明的窍门!有聪明的窍门!
开发微信小程序
说了这么久,我们该如何开发微信小程序呢?
非常简单,和微信官方的开发方式没有太大区别,依然是4个核心文件。
由于腾讯目前没有专门针对小程序的API版本,因此团队针对腾讯目前发布的所有小程序API制定了专门的API类型定义文件.d.ts版本
你只需要在程序中引用该文件即可,如果你用它来开发,你会得到代码提示。
以下是使用开发的演示应用程序的代码示例
///
App({
onLaunch: function() {
//调用API从本地缓存中获取数据
let logs: any = wx.getStorageSync('logs');
if (!Array.isArray(logs)) {
logs = [];
}
(logs).unshift(Date.now());
wx.setStorageSync('logs', logs);
},
getUserInfo: function(cb: (param: any) => void) {
let that = this
if (this.globalData.userInfo) {
cb(this.globalData.userInfo)
} else {
//调用登录接口
wx.login({
success: () => {
wx.getUserInfo({
success: (res) => {
that.globalData.userInfo = res.userInfo;
cb(that.globalData.userInfo);
}
});
}
});
}
},
globalData: {
userInfo: null
}
});
如果大家有兴趣的话,可以下载上面完整的代码示例和非常关键的微信小程序API定义文件!