【面试】前端面试之小程序篇

小程序的全局使用

https://blog.csdn.net/michael_ouyang/article/details/54923784

小程序常见面试题

https://blog.csdn.net/weixin_46419373/article/details/108014962

小程序的生命周期？

• onLoad 页面加载的时候触发，一个页面只会调用一次，可以在onLoad的参数中获取打开当前页面路径的参数（在第一次显示页面的时候调用，以后再次切换到该页面时，不会再调用这个函数）
• onShow页面显示/切入前台时触发(页面显示时调用，可调用多次)
• onReady页面除此渲染完成时触发，一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互
• onHide页面隐藏/切入后台时触发，如navigateTo或底部tab切换到其他页面，小程序切入后台等
• onUnload页面卸载时触发，如redirectTo或navigateBack到其他页面时

微信小程序和vue双向绑定有什么区别，原理？

vue的双向绑定，只需要在表单元素加上v-model,然后再绑定data中对应的值，当表单元素内容发生变化的时候，data中对应的值也会相应地改变。
小程序必须获取到表单元素，改变他的值，然后再把值赋给一个data中声明的变量，然后再把值赋给一个data中声明的变量。
小程序直接 this.data属性是不可以同步到视图的，必须调用
this.setData({})

rpx是什么，rpx转px的公式，px转rem的公式等?

rpx:响应式像素,只能在小程序中使用，功能：把水平屏幕分成750份，自动计算并且适配

px转rpx

var px = rpx / 750 * wx.getSystemInfoSync().windowWidth;

rpx转px

var rpx = px / wx.getSystemInfoSync().windowWidth * 750;

px转rem

1rem等于html根元素设定的font-size的px值
var px=本身的px值/html根元素设定的font-size的值