Flutter与Weex优劣势对比

FlutterWeex优劣势对比

Weex

<a href='/tag/flutter.html'>Flutter</a>与<a href='/tag/weex.html'>Weex</a>优劣势对比

Weex 是一套简单易用的跨平台开发方案,能以 web 的开发体验构建高性能、可扩展的 native 应用,为了做到这些,Weex 与 Vue 合作,使用 Vue 作为上层框架,并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API,这样一来,你甚至可以使用其他框架驱动 Weex,打造三端一致的 native 应用。
2016年6月开源。
在 weex 中,主要包括三大部分:JS Bridge、Render、Dom,分别对应WXBridgeManager、WXRenderManager、WXDomManager,三部分通过WXSDKManager统一管理。
JS Bridge 主要用来和 JS 端实现进行双向通信,比如把 JS 端的 dom 结构传递给 Dom 线程。Dom 主要是用于负责 dom 的解析、映射、添加等等的操作,最后通知UI线程更新。而 Render 负责在UI线程中对 dom 实现渲染。
weex 所有的标签也不是真实控件,JS 代码中所生成存的 dom,最后都是由 Native 端解析,再得到对应的Native控件渲染。
Vuex就是单页面管理数据的框架。
Vue-Router单页面下,指定跳到某个页面的管理工具,路由。
weex-ui官方封装库
navigator实现页面跳转,使用router跳转效果很差(像web一样,跳转动画需要自己写)
stream网络模块
weex传值weex 放到url query里 storage全局变量
自定义module weex传值native 交互传递
weex组件少
打包:weex 是通过 webpack 打包出 bundle 文件的。bundle 文件的打包和 entry.js 文件的配置数量有关,weex 项目的 webpack.common.conf.js 中打包也是区分了 webConfig 和 weexConfig 的不同打包方式。weexEntry 就是 weex 打包配置的地方,默认有 index...

点击查看剩余70%

{{collectdata}}

网友评论0