小程序开发日记（一）：重力感应控制图片移动效果

    最近小程序的项目好多啊。。遇到了许多坑，许多没做过的需求，特地开了个博客准备有空记录下，当做总结和提高吧。

    现在在做的项目新加了一个首页头图需要重力感应控制图片左右平移的效果，上网找了一些案例，都不尽如人意，于是参照案例自己动手，简单实现了一下这个功能，在此记录。

    1、核心方法：

    ①translate3d()。这里不用translate()的原因是相比之下translate3d()会得到更高的CPU加速支持，响应速度更快性能更加优化。

    ②wx.onAccelerometerChange()。微信小程序加速度计。

    

    2、html:

<image class="index-img" style="-webkit-transition: transform .5s ease-out;-webkit-transform:t