bootstrap、easyui、react前端框架区别

刺骨的言语ヽ痛彻心扉 2021-06-22 15:37 487阅读 0赞

**1、bootstrap：**

JQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。

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

1.  boostrap UI组件大部分偏向于使用class来使用（语义化的类名），easyUI则大部分通过使用js函数来实现。
2.  bootstrap更加侧重样式的表现，比较美观，符合现在的流行趋势，easyUI反之样式不是特别好， 不太美观
3.  bootstrap不带数据交互功能，而easyUI则带有强大的数据交互功能
4.  bootstrap兼容手机和pc，easyUI做不到这一点
5.  bootstrap的前端社区比easyUI更加成熟，资源也比较丰富，而且bootstrap有栅格化布局也已经成为主流，是现在大部分网站或者后台系统的开发趋势，而且使用率高，可以在网上找到好多的实例直接使用。十分方便。

总之，两款前端框架，各有各的好处，根据实际情况来选择，一般用easyUI做系统级项目（企业级项目），用bootstrap做网站类项目。bootstrap最主要的一个特点是栅格系统，使用简单, 上手容易，专为响应式页面而生，一套代码就可以自适应平板电脑和PC。（这一点easyui就无法做到）

**2、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的。

推荐一个管理系统模板：[https://www.layui.com/][https_www.layui.com]

在线演示：[https://www.layui.com/demo/layer.html][https_www.layui.com_demo_layer.html]  [https://www.layui.com/admin/std/dist/views/][https_www.layui.com_admin_std_dist_views]

[https_www.layui.com]: https://www.layui.com/
[https_www.layui.com_demo_layer.html]: https://www.layui.com/demo/layer.html
[https_www.layui.com_admin_std_dist_views]: https://www.layui.com/admin/std/dist/views/