温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

weex和react native有哪些区别

发布时间:2020-11-30 12:43:14 来源:亿速云 阅读:232 作者:小新 栏目:web开发

小编给大家分享一下weex和react native有哪些区别,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

weex和react native区别:1、设计角度上react native与很多oop语言类似,weex则更像web开发的html;2、weex能够编译出web端的代码,而react native不能。

weex和react native区别:

weex

简介:

weex是阿里巴巴公司与2016年6月开源的一种用于构建移动跨平台的UI框架

特点:

  • Lightweight:轻量级,语法简单,易于使用

  • Extendable:可扩展,丰富内置组件,可扩展的API,

  • High Performance:高性能

核心理念:

Write Once Run Everywhere

基于JS开发框架:

weex基于vue.js

React Native

简介:

Facebook在2015年3月在F8开发者大会上开源的跨平台UI框架

核心理念:LEARN ONCE, WRITE ANYWHERE

基于JS开发框架:

React Native基于React

Weex和React Native的异同

相同点:

  • 都采用Web的开发模式,使用JS开发;

  • 都可以直接在Chrome中调试JS代码;

  • 都支持跨平台的开发;

  • 都可以实现hot reload,边更新代码边查看效果;

不同点:

1、react-native与react相似,weex则是vue的体系。

2、设计角度上react-native与很多oop语言类似,weex则更像web开发的html,react-native没有像weex一样将 页面(templete),功能(script),样式(css)在一个.vue中分成三个特定的代码编写位置,react-native可以在页面中定义执行脚本

3、加载包:react-native 加载包会通过一个入口文件加载整个js.bundle,weex则可以分别加载对应的js,这可能会对应的加载速度造成影响

4、输出包的形式:react-native输出的是一个大的bundle文件,weex输出的是多个.js文件的形式,react-native输出包的时候会吧依赖的framework输出到bundle中,而weex则是输出具体的功能逻辑包,相应的依赖包则由weex的framework层来提供。weex能够天然的支持分包问题解决了更新迭代的加载速度问题,react-native则需要通过bundle-metro或者其他形式来进行分包,以优化包的加载速度

5、react-native有很多设计架构来支持,weex貌似是mvc,react-native的状态管理更好实现?

6、底层类库及功能库的支持react-native更加的丰富

7、weex能够编译出web端的代码,react-native不能,react-native更专注mobile

8、配置层面react-native只提供一个package.json来组织项目清晰明了,weex则做了很多的环境配置

9、打包方式上的差异,react-native打包通过命令打jsbundle,然后在通过原生命令打成对应平台的安装包,weex打包的话可以直接打成对应平台的安装包,如果只是打增量的js包的话则是通过weex run的形式来输出对应的包

以上是“weex和react native有哪些区别”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI