详解微信小程序前端源码和实例分析

详解微信小程序前端源码和实例分析
这篇文章主要介绍了微信 小程序前端源码详解及实例分析的相关资料,需要的朋友可以参考下

这篇文章主要介绍了微信小程序前端源码详解及实例分析的相关资料,需要的朋友可以参考下

微信小程序前端源码逻辑和工作流

看完微信小程序的前端代码真的让我热血沸腾啊，代码逻辑和设计一目了然，没有多余的东西，真的是大道至简。

废话不多说，直接分析前端代码。个人观点，难免有疏漏，仅供参考。

文件基本结构：

先看入口app.js，app(obj)注册一个小程序。接受一个 object 参数，其指定小程序的生命周期函数等。其他文件可以通过全局方法getapp()获取app实例，进而直接调用它的属性或方法，例如（getapp().globaldata）

//app.jsApp({ 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){ typeof cb == "function" && cb(this.globalData.userInfo) }else{ //调用登录接口 wx.login({ success: function () { wx.getUserInfo({ success: function (res) { that.globalData.userInfo = res.userInfo typeof cb == "function" && cb(that.globalData.userInfo) } }) } }) } }, globalData:{ userInfo:null }})