微信小程前端源码逻辑和工作流详细介绍

发布日期： 2017-03-13 阅读量： 作者： 网络

这篇文章微信小程前端源码逻辑和工作流详细介绍的相关资料,需要的朋友可以参考下

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

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

文件基本结构：

微信小程前端源码逻辑和工作流详细介绍

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

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

# 微信小程序

相关栏目：【 SEO优化45326 】【技术教程24582 】【 IDC资讯40819 】【网络快讯2943 】【 SEO推广2777 】

上一篇: 如何编写一个容错的 PHP 函数

下一篇: PHP 函数中引用参数的最佳实践是什么？

微信小程前端源码逻辑和工作流详细介绍

随便看看