首页  >  文章  >  web前端  >  bootstrap和react的区别是什么?

bootstrap和react的区别是什么?

青灯夜游
青灯夜游原创
2020-11-11 16:14:117121浏览

区别:react是基于mvc模式的javascript框架,而bootstrap只是一个基于HTML、CSS、JAVASCRIPT开发的前端ui框架;bootstrap是基于html的UI构建工具,react是基于组件的工程构建方式。

bootstrap和react的区别是什么?

了解BootStrap:

Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。bootstrap也有一些UI组件

  • boostrap UI组件大部分偏向于使用class来使用(语义化的类名),easyUI则大部分通过使用js函数来实现。

  • bootstrap更加侧重样式的表现,比较美观,符合现在的流行趋势,easyUI反之样式不是特别好, 不太美观

  • bootstrap不带数据交互功能,而easyUI则带有强大的数据交互功能

  • bootstrap兼容手机和pc,easyUI做不到这一点

  • bootstrap的前端社区比easyUI更加成熟,资源也比较丰富,而且bootstrap有栅格化布局也已经成为主流,是现在大部分网站或者后台系统的开发趋势,而且使用率高,可以在网上找到好多的实例直接使用。十分方便。

了解React:

react是基于mvc(model view control )或mvp(model view presenter) 框架的前端框架,更主要的是完成单一页面网页(SPA),和vue类似。

  • MVC:Model(模型)+View(视图)+controller(控制器),主要是基于分层的目的,让彼此的职责分开。

  • MVP:是从MVC模式演变而来的,都是通过Controller/Presenter负责逻辑的处理+Model提供数据+View负责显示。

React是一个用于构建用户界面的JAVASCRIPT库,主要用于构建UI。主要特点:

  • 数据的单向响应:当数据发生变化的时候,React将会自动的管理UI界面更新

  • VisualDom(虚拟Dom):由React来管理Dom树的变化, 开发者只需使用React的虚拟Dom进行开发,页面的呈现会更快。

这个引申出了一个更大的优点:虚拟Dom到真实Dom的映射,是由React来控制的,那么如果虚拟Dom映射为IOS或者Android呢? 于是React Native诞生了,约80%的Reactive Native代码是可以同时支持IOS和Android的。

react和bootstrap的区别

react是基于mvc或mvp模式的javascript框架,而bootstrap只是一个前端ui框架

bootstrap:基于html的UI构建工具;

react:基于组件的工程构建方式;

更多编程相关知识,请访问:编程视频课程!!

以上是bootstrap和react的区别是什么?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn