微信小程序面试题

最新推荐文章于 2024-07-22 15:35:41 发布

XT_天辰

最新推荐文章于 2024-07-22 15:35:41 发布

阅读量144

点赞数 1

文章标签：小程序

本文链接：https://blog.csdn.net/TCDWOI/article/details/116428771

版权

本文探讨了微信小程序的主要文件结构，包括WXML、JSON、WXSS和JS文件的作用。详细阐述了参数传递方法，生命周期函数如onLoad、onShow等的使用场景，以及与Vue的双向绑定差异。此外，还对比了小程序与Vue、H5在开发成本、页面跳转、系统权限和运行性能等方面的区别。

摘要由CSDN通过智能技术生成

微信的小程序的主要文件

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

参数传递

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

生命周期函数

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

小程序的双向绑定和vue哪里不一样

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

小程序内的页面跳转

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