微信小程序问题

1、微信小程序有几个文件

.wxml .js .json .wxss

2.如何传值

标签data-*属性
e.currentTarget.dataset获取

3.wxss与css区别

rpx单位
图片需要引入外链接
没有body,
import可以导入wxss

4.openid与unionId

openId为微信用户公众号主体下id, unionId为所有应用通用id
wx.login 获取openid
wx.getUserInfo 需要用户授权, 获取unionId

5.微信小程序与vue

	微信小程序	vue
show,hidden	wx:if 、wx:hidden	v-if 、v-show
事件绑定	bindtap,catchtap	v-on:click, @click
双向绑定	自己写。。。	v-model
数据更新	this.setData()	this.xxx

6.小程序特点：

data, ui分离
webview和 appService

7.小程序的生命周期函数

onLoad() 页面加载时触发。一个页面只会调用一次，可以在onLoad 的参数中获取打开当前页面路径中的参数
onShow() 页面显示/切入前台时触发
onReady() 页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互
onHide() 页面隐藏/切入后台时触发。 如 navigateTo 或底部 tab 切换到其他页面，小程序切入后台等
onUnload() 页面卸载时触发。如 redirectTo 或 navigateBack 到其他页面时

Page({
  data: {
    text: "This is page data."
  },
  onLoad: function(options) {
    // Do some initialize when page load.
  },
  onShow: function() {
    // Do something when page show.
  },
  onReady: function() {
    // Do something when page ready.
  },
  onHide: function() {
    // Do something when page hide.
  },
  onUnload: function() {
    // Do something when page close.
  },
  onPullDownRefresh: function() {
    // Do something when pull down.
  },
  onReachBottom: function() {
    // Do something when page reach bottom.
  },
  onShareAppMessage: function () {
    // return custom share data when user share.
  },
  onPageScroll: function() {
    // Do something when page scroll
  },
  onResize: function() {
    // Do something when page resize
  },
  onTabItemTap(item) {
    console.log(item.index)
    console.log(item.pagePath)
    console.log(item.text)
  },
  // Event handler.
  viewTap: function() {
    this.setData({
      text: 'Set some data for updating view.'
    }, function() {
      // this is setData callback
    })
  },
  customData: {
    hi: 'MINA'
  }
})

8.小程序页面间有哪些传递数据的方法

1、使用全局变量实现数据传递。在 app.js 文件中定义全局变量 globalData， 将需要存储的信息存放在里面

2、使用 wx.navigateTo与 wx.redirectTo 的时候，可以将部分数据放在 url 里面，并在新页面onLoad的时候初始化

3、使用本地缓存Storage 相关

9.小程序onPageScroll方法的使用注意什么

不要频繁的调用setData

10.简述下 wx.navigateTo(), wx.redirectTo(), wx.switchTab(), wx.navigateBack(), wx.reLaunch()的区别

wx.navigateTo()：保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面
wx.redirectTo()：关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面
wx.switchTab()：跳转到 abBar 页面，并关闭其他所有非 tabBar 页面
wx.navigateBack()：关闭当前页面，返回上一页面或多级页面。可通过getCurrentPages() 获取当前的页面栈，决定需要返回几层
wx.reLaunch()：关闭所有页面，打开到应用内的某个页面

11.webview的页面怎么跳转到小程序导航的页面？

wx.miniProgram.switchTab({
  url: '/page/index/home'
})

12.如何获取全局变量

app. js写入globalData
getApp().globalData.xxx