小程序常见面试题

最新推荐文章于 2024-04-06 03:01:12 发布

橘子y

最新推荐文章于 2024-04-06 03:01:12 发布

阅读量151

点赞数 1

文章标签：小程序

本文链接：https://blog.csdn.net/yupyuping/article/details/115904869

版权

1.小程序生命周期及页面生命周期

小程序的生命周期函数式在 App.js 里面调用的：

onLaunch ：监听小程序初始化（全局只触发一次）
onShow：监听小程序显示
onHide：监听小程序隐藏
onError：错误监听函数
onPageNotFound：页面不存在监听函数

各页面生命周期函数

onLoad：页面加载，调一次
onShow：页面显示，每次打开页面都调用
onReady：初次渲染完成，调一次
onHide：页面隐藏，当navigateTo或底部tab切换时调用
onUnload：页面卸载，当redirectTo或navigateBack时调用

2.小程序如何传参

给HTML元素中添加 ‘ data- ’属性来传递需要的值，之后通过e.currantTarget.dataset 或 onload的params参数获取。注意：不能有大写字母，不可以存放对象
跳转页面时通过navigator传递需要的参数值
设置id的方法标识，通过e.currentTarget.id 获取设置的id值，然后通过设置全局变量的方法来传递数值

3.路由是怎么样的

同第六题类似：

wx.navigater To：打开新页面
wx.redirectTo：页面重定向
wx.navigateBack：页面返回
wx.switchTab：tab切换
wx.reLaunch：重启

4.微信小程序的主要文件

WXML：模板文件
JSON：配置/设置文件，如标题，tarbbar，页面注册
WXSS：样式文件，样式可直接用import导入
JS：脚本逻辑文件，逻辑处理，网络请求
app.json：配置文件入口，整个小程序的全局配置，网络超时时间，底部tab，页面路径，window字段是小程序所有页面的顶部背景颜色，文字颜色
app.js：可以没有内容，可以在里面监听生命周期函数，声明全局变量
app.wxss：全局配置样式文件

5.小程序与vue双向绑定的区别

小程序直接this.data的属性是不可以同步到试图的，必须调用this.setData({})

6.小程序页面跳转

wx.navigateTo：保留当前页面，跳转到应用内的某个页面。但是不能跳到tabber页面（参数必须为字符串）
wx.redirectTo：关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到tabber页面
wx.switchTab：跳转到tabber页面，并关闭其他所有非 tabBar 页面，路径后不能带参数
wx.navigateBack：关闭当前页面，返回上一页面或多级页面，可通过getCurrentPages()获取当前的页面栈，决定需要返回几层
wx.reLaunch——关闭所有页面，打开到应用内的某个页面