uni-app 双向绑定_uniapp 高性能交互之WXS指南

神的尾巴的第 3 篇原创

当我们使用uni-app开发应用时，会发现想要实现一个高性能的下拉刷新或滑动删除效果，动画经常会非常卡顿。

为什么会卡顿呢？这个和uni-app(vue)的实现原理有关。

因为uni-app在大部分平台实现思路和微信小程序一致，所以我们这里以微信小程序为例看一下：

微信小程序的渲染层和逻辑层分别由2个线程管理。

之所以分为逻辑层和渲染层，主要是为了管控，让开发者的代码只运行在逻辑层。

渲染层的界面使用了WebView进行渲染；逻辑层采用JsCore线程运行JS脚本。一个小程序存在多个界面，所以渲染层存在多个WebView线程，这两个线程的通信会经由Native(微信客户端)做中转，逻辑层发送网络请求也经由Native转发。

由于交互动画，需要渲染层高频率的触发事件，逻辑层接收事件后，又需要把事件处理后的结果传递给渲染层，从而产生交互动画。

这中间频繁的通信，是影响性能的主要原因。

So&#