• 技术文章 >web前端 >js教程

    weex和react native区别是什么

    coldplay.xixicoldplay.xixi2020-11-26 17:01:50原创1657

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

    weex和react native区别:

    weex

    简介:

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

    特点:

    核心理念:

    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的异同

    相同点:

    不同点:

    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的形式来输出对应的包

    相关免费学习推荐:javascript(视频)

    以上就是weex和react native区别是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:weex react
    上一篇:react hooks是什么? 下一篇:react中间件是什么?
    大前端线上培训班

    相关文章推荐

    • [工具资源] Weex 快速上手教程 (Weex Tutorial)_html/css_WEB-ITnose• 详细介绍有关weex中的webpack.config.js改造• vue WEEX是啥?

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网