微信小程序开发（二）函数定义、页面渲染

最新推荐文章于 2026-04-23 05:24:10 发布

原创最新推荐文章于 2026-04-23 05:24:10 发布 · 3.4k 阅读

标签

#微信小程序 #小程序 #小程序开发

收录于

微信小程序入门实战专栏收录该内容

10 篇文章 ¥39.90 ¥99.00

订阅专栏

本文探讨了微信小程序的开发，重点讲解了app.js中的App函数注册及生命周期回调，页面js中的分享函数配置，以及如何调用全局函数。此外，还介绍了工具栏utils.js中常用工具函数的定义和使用。最后，通过weather.js、weather.wxml和weather.wxss展示了数据绑定、列表渲染、条件渲染、模板和事件的实践操作。

上一篇：微信小程序学习笔记（一）

小程序逻辑app.js：定义App函数用来注册一个小程序，包含全局数据和函数，指定小程序的生命周期回调等。整个小程序只有一个 App 实例，全部页面共享使用。

//app.js
App({
  onLaunch: function () {
    // 展示本地存储能力
    var logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)

    // 登录
    wx.login({
      success: res => {
        // 发送 res.code 到后台换取 openId, sessionKey, unionId
      }
    })
    // 获取用户信息
    wx.getSetting({
      success: res => {
        if (res.authSetting['scope.userInfo']) {
          // 已经授权，可以直接调用

了解本专栏