主流前端框架对比

小鱼儿 2022-12-15 11:18 380阅读 0赞

# **1.前端框架** #

下面列举了，目前比较主流前端框架，也主要以下面几个框架进行研究。

1.  Vue
2.  React
3.  Angular
4.  Bootstrap

## **1.1 VUE （个人维护、下载量22W）** ##

模板和渲染函数的弹性选择

简单的语法及项目创建

更快的渲染速度和更小的体积

总结：**适合小而快的项目**

中文官网：https://vuejs.bootcss.com

## **1.2 React （FackBook维护、下载量250W）** ##

更适用于大型应用和更好的可测试性（**非常清晰的代码模式，所以适用于大型应用**）

同时适用于Web端和原生App

更大的生态圈带来的更多支持和工具

总结：react native专门用来做APP的、支持做大型项目

中文官网 https://www.reactjscn.com/docs/hello-world.html

## **1.3 Angular（Google维护）** ##

Angular是一个由Google支持的基于TypeScript的JavaScript框架

## **1.4 Bootstrap** ##

Bootstrap 是一套用于 HTML、CSS 和 JS 开发的开源工具集。

# **2.性能对比** #

## **2.1 上手难易程度** ##

Angular 学习成本最高

Vue的学习曲线比React相对容易一些

React需要学习JSX，ES2015以及构建系统

Vue的学习开发者只需不到一天的时间阅读[指南][Link 1]就可以建立简单的应用程序

Bootstrap 传统的样式调用，容易上手。

## **2.2 浏览器支持（主要比较IE浏览器）** ##

**Vue** 最低只能支持到 IE9 （官网说的）

**React** 目前没有特定的不兼容的版本，但是网上还是有一些关于兼容问题的文章

**Angular** 最低只能支持到 IE9 （官网说的）

**Bootstrap **貌似对低版本的ie 兼容上很不友好（**官网：****从Bootstrap4开始，就不在支持IE8了，****如果你需要IE8支持，我们建议你使用Bootstrap 3**）

# **3. 框架优缺点总结** #

一、**Vue**

优点：

1、简单易用

2、轻量高效

3、组件化

缺点：

1.  Vue 不缺入门教程，可是很缺乏高阶教程与文档。同样的还有书籍。  
    2、VUE不支持IE8  
    3、生态环境差不如angular和react  
    4、社区不大

**二、React**

优点：

1.  跨浏览器兼容（虚拟DOM帮助我们解决了跨浏览器问题，它为我们提供了标准化的API，甚至在IE8中都是没问题的）
2.  代码更加模块化，重用代码更容易，可维护性高。
3.  兼容性好

缺点：

1.  需要其他框架的配合，React是目标是UI组件，通常可以和其它框架组合使用，目前并不适合单独做一个完整的框架
2.  目前使用该框架的公司外国居多，国内出名的公司使用较少。伴随着相关文档中文文献会较少。
3.  学习成本高

**三、Angular**

优点：

1、模板功能强大丰富，自带了极其丰富的angular指令。

2、是一个比较完善的前端框架，包含服务，模板，数据双向绑定，模块化，路由，过滤器，依赖注入等所有功能。

3、自定义指令，自定义指令后可以在项目中多次使用。

4、ng模块化比较大胆的引入了Java的一些东西（依赖注入），能够很容易的写出可复用的 代码，对于敏捷开发的团队来说非常有帮助。

5、angularjs是互联网巨人谷歌开发，这也意味着他有一个坚实的基础和社区支持。

缺点：

1、angular 入门很容易 但深入后概念很多, 学习中较难理解.

2、文档例子非常少, 官方的文档基本只写了api, 一个例子都没有, 很多时候具体怎么用都是google、baidu来的。

3、对IE6/7 兼容不算特别好, 就是可以用jQuery自己手写代码解决一些。

4、指令的应用的最佳实践教程少, angular其实很灵活, 如果不看一些作者的使用原则,很容 易写出四不像的代码, 例如js中还是像jQuery的思想有很多dom操作。

5、DI 依赖注入 如果代码压缩需要显示声明。

## **4 其他** ##

1.  **项目性质上SPA与微服务的取舍**

Angular使用TypeScript，这就是为什么它更适合SPA而不是微服务。React和Vue都为开发微应用程序和微服务提供了更大的灵活性。

**      2.取一个快速的比较**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4Mzc3MTkw_size_16_color_FFFFFF_t_70][]

1.  **React、Angular、Vue三者比较**

推荐一篇文章：https://baijiahao.baidu.com/s?id=1609374985643812253&wfr=spider&for=pc

# **5.总结** #

个人建议：使用Vue前端框架

**理由如下：**

1.快速上手，学习成本低对入手要求低，减少人员流失带来的成本问题。

2.国内社区活跃度高

3.国内知名公司使用频率高

4.关于APP支持方面，不做原生个人觉得H5足够使用

5.代码简洁，后期维护方便

[Link 1]: https://cn.vuejs.org/v2/guide/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4Mzc3MTkw_size_16_color_FFFFFF_t_70]: /images/20221123/dac1c05a394d41048e77affac2cb3e3f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，380人围观）

还没有评论，来说两句吧...

相关阅读

相关前端三大主流框架的对比React、Vue、Angular

当前，三大主流前端框架分别是React、Vue、Angular这三个框架。 ![在这里插入图片描述][format_png] React 起源于 Facebook ...

待我称王封你为后i/ 2024年04月19日 12:44/ 0 赞/ 8 阅读

相关 web前端三大主流框架

web前端三大主流框架是什么？前端开发师的岗位职责有哪些？小编整理了相关内容供大家参考了解，请各位小伙伴随小编一起查阅下面的内容。 web前端三大主流框架 web前端三大主

你的名字/ 2024年03月27日 14:22/ 0 赞/ 41 阅读

相关主流数据库对比，主流数据库性能、选型对比

主流数据库对比，主流数据库性能、选型对比 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_a

拼搏现实的明天。/ 2022年12月16日 13:25/ 0 赞/ 138 阅读

相关主流前端框架对比

1.前端框架下面列举了，目前比较主流前端框架，也主要以下面几个框架进行研究。 1. Vue 2. React 3. Angular 4. Bootstrap

小鱼儿/ 2022年12月15日 11:18/ 0 赞/ 381 阅读

相关 angular vue react web前端三大主流框架的对比

首先，我们先了解什么是MVX框架模式？ MVX框架模式：MVC+MVP+MVVM 1.MVC：Model(模型)+View(视图)+controller(控制器)，主要是基

╰+哭是因爲堅強的太久メ/ 2022年05月22日 11:26/ 0 赞/ 206 阅读

相关前端开发框架对比

From: [https://www.cnblogs.com/xtdxs/p/6540933.html][https_www.cnblogs.com_xtdxs_p_65409

本是古典何须时尚/ 2022年05月15日 01:59/ 0 赞/ 327 阅读

相关主流深度学习框架对比

深度学习研究的热潮持续高涨，各种开源深度学习框架也层出不穷，其中包括TensorFlow、Caffe、Keras、CNTK、Torch7、MXNet、Leaf、Theano、D

女爷i/ 2022年05月12日 07:44/ 0 赞/ 282 阅读

相关 2019主流的前端框架

如今的前端已经不再像以前一样就是简单的写写页面和调调样式而已，现在的前端越来越复杂，知识点越来越丰富。要做Web前端，就需要知道前端到底是什么，需要学习那些知识；前端至少要

秒速五厘米/ 2022年02月23日 12:52/ 0 赞/ 277 阅读

相关前端开发框架对比

本文选取了 Bootstrap、jQuery UI、jQuery Mobile、Sencha ExtJS、Sencha Touch、Sencha GXT、Dojo、Dojo M

绝地灬酷狼/ 2022年01月11日 09:39/ 0 赞/ 327 阅读

相关 6 大主流 Web 框架优缺点对比

> > ![640_wx_fmt_png_tp_webp_wxfrom_5_wx_lazy_1][] 是该读些评论和做一些总结的时候了。当我们开始写这个系

痛定思痛。/ 2021年09月14日 13:32/ 0 赞/ 391 阅读