微信小程序项目结构主要有四个文件类型
主要文件
小程序直接 this.data 的属性是不可以同步到视图的,必须调用:
this.setData({ // 这里设置 })
使用全局变量实现数据传递
在 app.js 文件中定义全局变量 globalData, 将需要存储的信息存放在里面
// app.js App({ // 全局变量 globalData: { userInfo: null } })
使用的时候,直接使用 getApp() 拿到存储的信息
使用 wx.navigateTo 与 wx.redirectTo 的时候,可以将部分数据放在 url 里面,并在新页面 onl oad 的时候初始化
// Navigate wx.navigateTo({ url: '../pageD/pageD?name=raymond&gender=male', }) // Redirect wx.redirectTo({ url: '../pageD/pageD?name=raymond&gender=male', }) // pageB.js ... Page({ onl oad: function(option){ console.log(option.name + 'is' + option.gender) this.setData({ option: option }) } })
需要注意的问题:wx.navigateTo 和 wx.redirectTo 不允许跳转到 tab 所包含的页面 onl oad 只执行一次使用本地缓存 Storage 相关
优势
缺点
首先在全局 config 中的 window 配置 enablePullDownRefresh
在 Page 中定义 onPullDownRefresh 钩子函数,到达下拉刷新条件后,该钩子函数执行,发起请求方法
请求返回后,调用 wx.stopPullDownRefresh 停止下拉刷新
相同点:首先他们都是作为点击事件函数,就是点击时触发。在这个作用上他们是一样的,可以不做区分
不同点:他们的不同点主要是bindtap是不会阻止冒泡事件的,catchtap是阻值冒泡的
wx.navigateTo():保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面 wx.redirectTo():关闭当前页面,跳转到新的页面(类似重定向)。但是不允许跳转到 tabbar 页面
wx.switchTab():跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面
wx.navigateBack():关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层
wx.reLaunch():关闭所有页面,打开到应用内的某个页面
1.判断用户是否登录过,如果已经登录过则直接获取个人信息进入个人主页;
2.未登录则引导登录,直接跳转到登录页面,封装方法获取code值,调用wx.logoin()方法,
获取到用户信息登录成功则跳转到个人主页
// 获取code // wx.login({ // success: function(result) { // console.log(result) // wx.request({ // url: "/login", // data: { // code:result.code // }, // success: function(myres) { // if(myres.state === "登录成功") { // wx.setStorageSync('isLogin', true) // wx.navigateBack() // }else { // wx.showToast({ // title: '', // }) // } // } // }) // } // })
wx:for、 wx:if