微信小程序的小记录

微信小程序官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/
微信小程序中
前端的框架 ：微信小程序提供的框架（类似与vue的） —打包，微信平台
server端：tp5/laravel (数据层) —线上的服务器上 jujaoweb.com
server端的项目发布到服务器上之后 web服务器(nginx —http协议)
下载https证书(免费的 阿里云)
配置nginx的 支持https协议的访问
1、点击事件
bindtap(继续冒泡 往上层级继续找和它相同的事件类型的事件) catchtap（阻止冒泡）
一般情况都选择用bindtap
2.读取、修改数据层的变量方法：
读取数据层某个变量的值：
各个页面中的数据记录到data属性的中

var oldArr=this.data.arr;//读取
this.setData({ //修改
  arr: [1, 2, 3, 4, 5]
});

app 中定义的数据 在globalData属性中 这里面的数据可以在各个界面中去使用的：
eg:在各个页面获取app中msg的值

globalData: {
    userInfo: null,
    msg:"xiaoxia"
  }

//在各个页面写的代码如下：

		   //获取应用实例
		    const app = getApp();
		    onLoad: function (options) {
		        //各页面获取全局变量
		        console.log(app.globalData.msg);
		        //修改全局变量的值  
    			app.globalData.qblistdata = “xxxxx”;
		      },

【已解决】微信小程序一个页面修改了全局变量，另一个页面却还是显示该变量的初始值
参考文档：https://blog.youkuaiyun.com/yang_ri/article/details/90300432

// 生命周期函数--监听页面显示
  onShow: function () {
    this.setData({
      theGlobalData: app.globalData.theGlobalData
    })
  },

哪里需要实时呈现全局变量数值，哪里的js文件就需要补上onShow方法中的代码，用点击事件的那种不必使用这个函数。
3.跳转页面

    //关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。
		    	wx.redirectTo({
					url: '../index/index'
				})
    //保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。
                	 wx.navigateTo({
    			      url: '../doctrine/doctrine'
    			    })

4.数据缓存

			if (wx.getStorageSync('test')){
			  console.log(wx.getStorageSync('test')) 
			}else{
			  wx.setStorageSync("test", "123");
			}