小程序常见面试题
发布日期:2021-06-30 11:55:14 浏览次数:3 分类:技术文章

本文共 1315 字,大约阅读时间需要 4 分钟。

请谈谈wxml与标准的html的异同?

都是用来描述页面的结构;

都由标签、属性等构成;
标签名字不一样,且小程序标签更少,单一标签更多;
多了一些 wx:if 这样的属性以及 {
{ }} 这样的表达式
WXML仅能在微信小程序开发者工具中预览,而HTML可以在浏览器内预览
组件封装不同, WXML对组件进行了重新封装,
小程序运行在JS Core内,没有DOM树和window对象,小程序中无法使用window对象和document对象。

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

给html元素添加data-*属性来传递值,然后通过e.currentTarget.dataset或onload的param参数获取。注:data-名称不能有大写字母、不可以存放对象

设置id的方法标识来传值,通过e.currentTarget.id获取设置的id的值,然后通过设置全局对象的方式来传递数值
在navigator中添加参数数值
使用全局变量实现数据传递
页面跳转或重定向时,使用url带参数传递数据
使用组件模板template传递参数
使用缓存传递参数
使用数据库传递参数

请谈谈小程序的双向绑定和vue的异同?

大体相同,但小程序直接this.data的属性是不可以同步到视图的,必须调用this.setData()方法!1.双向绑定:vue默认支持双向绑定,微信小程序需要借助data。2.取值:vue中,通过this.reason取值。小程序中,通过this.data.reason取值。3.定义方法:小程序使用 在app.js中定义即可,vue的方法通过写在method中进行定义。1. 去变量的时候:   - 小程序  wx:for = "lists"   - Vue是  v-for = "item in lists"2. 调用data模型(赋值)的时候:   - 小程序:this.data.item //调用  this.setData({item:1}) //赋值   - vue: this.item //调用  this.item =1 //赋值小程序的双向绑定实际上并不是双向绑定 如果在小程序.js文件中改变了某个变量的值 那么页面上的值并不会跟着改变 如果想要页面上的值也跟着改变的话 需要通过setData来操作 而Vue默认就是双向绑定 只改变了某个变量的值 页面上也会跟着改变

请谈谈小程序的生命周期函数?

onLoad() 页面加载时触发,只会调用一次,可获取当前页面路径中的参数。

onShow() 页面显示/切入前台时触发,一般用来发送数据请求;
onReady() 页面初次渲染完成时触发, 只会调用一次,代表页面已可和视图层进行交互。
onHide() 页面隐藏/切入后台时触发, 如底部 tab 切换到其他页面或小程序切入后台等。
onUnload() 页面卸载时触发,如redirectTo或navigateBack到其他页面时。
onPullDownRefresh() 下拉刷新的钩子函数 用户下拉刷新时会自动走到这个函数中
onReachBottom() 上翻到底的钩子函数

 

转载地址:https://jackiehao.blog.csdn.net/article/details/114289632 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Vue中的v-for为什么要添加唯一的key属性,作用解答
下一篇:前端vue常见面试题

发表评论

最新留言

做的很好,不错不错
[***.243.131.199]2024年04月25日 01时40分08秒