irpas技术客

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

未知 5057

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():关闭所有页面,打开到应用内的某个页面


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #前端微信小程序面试题 #前端面试题汇总