支付宝小程序问题汇总

1.弹窗使用fixed布局导致弹窗中的input框focus时光标漂浮到input框上部

solution:采用iscroll布局方式，即让整个页面在某个高度内滚动，弹窗使用绝对布局。

2.css动画中使用animation切换background时，切换页面返回时造成动画图片的缺失

solution:采用anmation step方案解决。

3.使用js帧动画造成页面非常卡顿

solution:采用组件的方式剥离需要频繁渲染的部分

4.长列表数据渲染可以使用spliceData优化页面渲染

$spliceData接受一个对象作为参数。

->对象的键名key可以非常灵活，以数据路径的形式给出，如 array[2].message、a.b.c.d，并且不需要在this.data中预先定义。

->对象的value为一个数组（格式：[start, deleteCount, ...items]）,数组的第一个元素为操作的起始位置，第二个元素为删除的元素的个数，剩余的元素均为插入的数据。对应es5中数组的splice方法

this.$spliceData({'list':[start, deleteCount, ...items]});