[RN库] BindingX

基于weex / React Native的富交互解决方案。

官网:https://alibaba.github.io/bindingx/

它提供了一种称之为表达式绑定(Expression Binding)的机制可以在 weex 上让手势等复杂交互操作以60fps的帧率流畅执行,而不会导致卡顿,因而带来了更优秀的用户体验 。

简要介绍

由于weex/RN框架底层使用的JS-Native Bridge具有天然的异步特性,这使得JS和Native之间的通信会有固定的性能损耗,因此在一些复杂的实时交互场景中(如手势),JS 代码很难以高帧率运行,这极大地限制了框架的能力。目前官方并没有很好的方式解决。

而我们通过探索,提出了一种全新的方式用来解决这个问题,方案称之为Expression Binding。它的核心思想是将"交互行为"以表达式的方式描述,并提前预置到Native从而避免Native与JS频繁通信。

示例展示

下面展示了一部分使用bindingx的示例。您可以下载或者编译我们的playground app来获取更多的示例。同时,您也可以在我们的在线playground上编写您自己的demo。

注意:Weex支持两种前端写法(rax和vue),链接是直接跳转到Playground。 React-Native由于目前Playground还不支持,所以直接跳转到源码。

特性

复杂但流畅的交互效果

强大的表达式解析引擎

丰富的缓动函数

文档与教程

https://alibaba.github.io/bindingx/guide/introduce

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 2016年4月21日,阿里巴巴在Qcon大会上宣布开源跨平台移动开发工具Weex,Weex能够完美兼顾性能与动态性...
    晴天咚咚阅读 7,938评论 1 15
  • 前言 三月初,阿里巴巴开源的一套基于 Weex、React Native 的富交互解决方案 「BindingX」。...
    木羽zwwill阅读 11,338评论 4 7
  • 第六感觉,就是古人常说的“感应道交”,好比槌一敲,鼓就响,有感就有应。我们每个人时时刻刻都在向宇庙发信息...
    laowangwenzhang阅读 1,297评论 0 0
  • 数据类型 1.基本数据类型和引用类型 基本数据类型包含 number, string, boolean, unde...
    lwz9103阅读 1,801评论 0 0
  • 今日去市里开人才新政会议,午休有时间,还去感受了下台州人力网的14周年会现场。二个会议,有个共同的东西让我深深...
    无忧侠阅读 1,180评论 0 0

友情链接更多精彩内容