微信小程序面试题（二）

0 小程序onPageScroll方法的使用注意什么

由于此方法调用频繁，不需要时，可以去掉，不要保留空方法，并且使用onPageScroll时，尽量避免使用setData()，尽量减少setData()的使用频次。

1 小程序视图渲染结束回调

使用setData(data, callback)，在callback回调方法中添加后续操作代码

2小程序同步API和异步API使用时注意事项

像wx.setStorageSync这种以Sync结尾的API为同步API，使用时使用try-catch来查看异常，如果判定API为异步，可以在其回调方法success、fail、complete中进行下一步操作。

3小程序对wx:if 和 hidden使用的理解

wx:if 有更高的切换消耗。
hidden 有更高的初始渲染消耗。
因此，如果需要频繁切换的情景下，用 hidden 更好，如果在运行时条件不大可能改变则 wx:if 较好。

4.小程序简单介绍下三种事件对象的属性列表

基础事件（BaseEvent）
type: 事件类型
timeStamp：事件生成时的时间戳
target：触发事件的组件的属性值集合
currentTarget：当前组件的一些属性集合
自定义事件（CustomEvent）
detail
触摸事件（TouchEvent）
touches
changedTouches

5.小程序的双向绑定和vue的异同？

答案：
大体相同，但小程序直接this.data的属性是不可以同步到视图的，必须调用this.setData()方法！

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

答案：
使用全局变量实现数据传递
页面跳转或重定向时，使用url带参数传递数据
使用组件模板 template传递参数
使用数据库传递数据

7.小程序wxml与标准的html的异同？

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

8.小程序WXSS和CSS的异同？

答案：都是用来描述页面的样子；
WXSS 具有 CSS 大部分的特性，也做了一些扩充和修改；
WXSS新增了尺寸单位，WXSS 在底层支持新的尺寸单位 rpx；
WXSS 仅支持部分 CSS 选择器；
WXSS 提供全局样式与局部样式