小程序生态变量（小程序生态变量是什么）

本篇文章给大家谈谈小程序生态变量，以及小程序生态变量是什么对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。 今天给各位分享小程序生态变量的知识，其中也会对小程序生态变量是什么进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、小程序 app生命周期（app全局变量）
• 2、小程序wxss;css中使用变量
• 3、微信小程序定义全局变量globalData

小程序 app生命周期（app全局变量）

App({

  onLaunch: function(options){

    console.log("app.js ---onLaunch---" + JSON.stringify(options));

  },

  onShow:function(){

    console.log("app.js ---onShow---");

  },

  onHide:function(){

    console.log("app.js ---onHide---");

  },

  onError: function(msg){

    console.log("app.js ---onError---" + msg);

  },

  globalData: {

    userInfo: null

  }

})

onLaunch 生命周期函数--监听小程序初始化 当小程序初始化完成时小程序生态变量，会触发 onLaunch（全局只触发一次）

onShow 生命周期函数--监听小程序显示 当小程序启动小程序生态变量，或从后台进入前台显示，会触发 onShow

onHide 生命周期函数--监听小程序隐藏 当小程序从前台进入后台，会触发 onHide

onError 错误监听函数 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息

globalData 指的全局变量

(onLaunch, onShow 方法会返回一个参数对象， 里面包含小程序生态变量了三个参数 ， path,query和scene ，path是打开小程序的路径

query是打开小程序页面url的参数，scene是打开小程序的场景值

)
修改全局变量赋值

在App.js中修改GlobalData的值

在小程序的所有页面中都可以随时调用和写入存放在GlobalData的数据。无论是调用还是写入，第一步都是要让页面与App.js产生关联。所以在页面的对应的JS中，第一句话就要写上：   

var app = getApp();

app.globalData.userinfo = 123

小程序wxss;css中使用变量

我们在写样式的时候，可能一个app内的颜色，比如#00ff00，假设这个颜色我用了100次，穿插写在不同的页面里。当需要修改这个主题的时候，会让人抓狂。
所以我们可以使用变量来优化。

在html, css里面，它原始的定义方式及使用方法是这样的

其中，:root是根元素选择器，也就是<html元素。在这里面定义的变量，可以在整个页面进行使用。
使用的时候，用var()函数进行调用。
注意：约定变量名须以两个连字符'--'开头

在小程序中，用法基本也是一样的：
我们在wxss页面中进行定义

注意，page选择器是选中整个页面，前面是没有'.'号的。这是wxss系统自带的选择器。可以看到，用法和css原始用法差别不大。

你也可以在wxml里面直接使用！

这个wxss变量，既可以在每个页面mypage.wxss里面的page里声明，
，就能在所有页面里使用。

微信小程序定义全局变量globalData

在开发项目过程中，有一些变量，是需要全局注册并且全局调用，微信小程序除了使用传统的本地化存储之外，还能使用什么方法进行存储呢，这里推荐使用在app.js里面定义一个globalData对象 关于小程序生态变量和小程序生态变量是什么的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 小程序生态变量的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于小程序生态变量是什么、小程序生态变量的信息别忘了在本站进行查找喔。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。