weex和react native区别是什么

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

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

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

以上就是weex和react native区别是什么的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2721781.html

(0)
上一篇 2025年3月7日 22:48:29
下一篇 2025年3月6日 03:25:54

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • react中间件是什么?

    在react中,中间件就是一个函数,对store.dispatch方法进行了改造,在发出Action和执行Reducer这两步之间,添加了其他功能;常用的中间件都有现成的,只要引用别人写好的模块即可。 一、中间件的概念 为了理解中间件,让我…

    2025年3月7日
    200
  • react怎么添加背景图片

    react添加背景图片的方法:首先引入我们需要的图片路径,如【import Background from ‘../../../images/xxx.jpg’】;然后定义背景样式,如【width: “100%”】;最…

    2025年3月7日
    200
  • React中Material-UI是什么

    React中Material-UI是一款React组件库来实现Google的Material Design风格UI界面框架,也是首个React的UI工具集之一,使用它可以快速搭建出赏心悦目的应用界面。 Material-UI是一款React…

    2025年3月7日
    200
  • react中如何引入插件

    react中引入插件的方法:首先在js库开头添加【(function(answerSheet){)】;然后在js库的尾部添加【})($); module.exports = $;】即可。 本文环境:windows10、react16,Del…

    2025年3月7日
    200
  • react中如何引入css样式

    react中引入css样式的方法:首先在render函数中声明样式,如【render() {let mystyle = {}}】;然后引用样式即可,如【return();】。 本文环境:windows10、react16&&…

    2025年3月7日
    200
  • react中的portal是做什么的

    react中的portal可以将子组件渲染到非父组件的子树下,同时父组件仍能对子组件做出反应;使用方法如【ReactDOM.createPortal(this.props.children, this.el);】。 本文环境:windows…

    2025年3月7日
    200
  • react组件有哪些阶段

    react组件有Initialization、Mounting、Updating、Unmounting和Error Handing等五个阶段。其中Error Handing阶段属于错误处理阶段。 本文环境:windows10、react16…

    2025年3月7日
    200
  • react中如何引入图片

    react中引入图片的方法:可以通过!important引入,如【import avatarSmall from ‘../…/assets/images/person/xxxjpg’】,然后在img中直接…

    2025年3月7日
    200
  • react和react native的区别是什么

    react和react native的区别是:1、框架作用的平台不同;2、工作原理有差别;3、渲染周期不同;4、react native中所有元素都会被平台指定的react组件替换;5、宿主平台的API不同。 本文环境:windows10、…

    2025年3月7日
    200
  • react状态机是什么

    react把组件看成是一个状态机,通过与用户的交互,实现不同状态,然后渲染 UI,让用户界面和数据保持一致。 React 把组件看成是一个状态机(State Machines)。通过与用户的交互,实现不同状态,然后渲染 UI,让用户界面和数…

    2025年3月7日
    200

发表回复

登录后才能评论