前端面试题——微信小程序篇(六)

1、小程序的项目文件结构

根目录下有app.json 对当前小程序的全局配置：配置页面，配置窗口，配置tabbar，配合分包

app.js 可以放全局的逻辑代码

app.wxss 存放全局样式

project.config.json 工具包配置

components文件夹，存放公共组件

pages文件夹 存放每个页面，每个页面包含四个文件 wxml,wxss,.js,.json文件

utils目录存放引入的工具，图片

Subpackages 存放分包的文件夹

2、小程序如何做适配

rpx单位：根据屏幕宽度的不同，1rpx在不同平台下描述了不同的px值

3、小程序的生命周期

小程序应用的生命周期：onlaunch onshow onhide

小程序页面的生命周期：onload 初始化 onready 页面初次渲染完成 onshow 页面显示 onhide页面隐藏 onunload监听页面卸载

4、小程序怎么给事件传值

data-

5、微信小程序与vue区别

生命周期不同

数据绑定和属性绑定和事件绑定语法不同

响应式原理不同

6、如何实现下拉刷新

下拉刷新钩子函数onPullDownRefresh

7、bindtap和catchtap的区别是什么

首先他们都是作为点击事件函数，就是点击时触发。

不同点：他们的不同点主要是bindtap是不会阻止冒泡事件的，catchtap是阻值冒泡的

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

wx.navigateTo()：保留当前页面，跳转到非 tabbar 页面 wx.redirectTo()：关闭当前页面，跳转到非tabbar 页面 wx.switchTab()：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面 wx.navigateBack()：关闭当前页面，返回上一页面或多级页面。 wx.reLaunch()：关闭所有页面，打开到应用内的某个页面