web前端三大主流框架是什么 web前端三大主流框架怎么选 收藏 0

前端怎么选框架？前端开发哪个框架好用？

前端开发一定会遇到框架的问题，那前端开发时用哪个框架好呢？哪个框架更适合前端初学者呢？我们就来梳理一下三大主流框架。

Reat.js（react）是脸书推出的一个用来构建用户界面的JavaScript库。React是脸书用于构建反应式图形界面的JS库，已经用于构建ins和脸书的部分网站。最近出现了AngularJS、MeteorJS 和Polymer中实现的Model-Driven Views等框架，React也顺应了这种趋势。它基于在数据模型之上声明式指定用户界面的理念，用户界面会自动与底层数据保持同步。React较为独特的一点就在于它使用JavaScript来构建用户界面而非html。

优点：

1. ui渲染过程中，react通过在虚拟dom中的微操来实现对实际dom的局部更新。

2. 跨浏览器兼容：虚拟DOM能够帮助解决跨浏览器问题，它能够提供标准化的API。

3. 模块化：能够编写独立的模块化UI组件，当某个或者某些组件出问题时可以方便地进行隔离。

缺点：

在大型项目中，单react难以完成大型应用的编写。

Vue.js是一套构建用户界面的渐进式框架。与其他框架不同，Vue采用自底向上增量开发的设计。Vue的核心库重点关注视图层，也非常容易上手，容易与其他库或已有的项目进行整合。此外，Vue也足够采用单文件组和其支持的库开发复杂的单页面应用。

优点：

1. 简单：官方文档十分清晰。

2. 快速：以异步处理的方式更新DOM。

3. 组合：用解耦的、可复用的组件组合应用。

4. 紧凑：~18kbmin+gzip，且无依赖。

5. 对模块友好：可通过npm、bower或duo安装，使用场景更灵活。

缺点：

Vue.js多样性、丰富性与其他库相比较少。

Angular是谷歌开发的web框架，跨平台性极强。通常结合typescript开发，能够提供无缝升级的过渡方案。作为一款优秀的前端JS框架，已经被用于google多款产品之中。

优点：

1. 模块功能强大，自带丰富的指令。

2. 框架完善，包含几乎所有功能。

3. 引入了如依赖注入等java的东西，能够容易地写出可复用的代码。

4. 强大的社区和基础支持。

缺点：

1. 入门容易但深入概念多，后续学习难度较大。

2. 文档例子少，经常边写边谷歌。

3. 教程少，写出来的东西容易四不像。

这就是对三大主流框架简单的梳理，如果想了解更多，可以移步我们的官网，有许多免费视频课程等着你学习哦！

常用的前端框架有哪些？

随着前端行业的发展，前端框架越来越多出现，为我们的项目开发工作带来了极大的便利，那目前主流的前端框架有哪些呢？下面成都国信安web前端培训老师就跟大家一起聊一聊。

工作中我们常用的前端框架有vue框架、React框架、Bootstrap框架、Angular框架等，下面给大家简单介绍下这几款框架，为什么开发人员使用较多，希望对新手来说有一个简单了解。

Vue框架

Vue.js是一套构建数据驱动的 web 界面的渐进式框架。它跟其他重量级框架不同的是Vue 采用自底向上增量开发的设计。

Vue 的核心库只关注视图层，与其它库或已有项目非常便于整合，也容易学习。此外，Vue 完全有能力采用单文件组件和 Vue 生态系统支持的库，开发复杂单页应用。

Vue.js 通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。提供了更简洁、更易于理解的API，使得我们能快速地上手并使用。

但Vue也有自己的不足之处：就是Vue的现成解决方案很少，因此可能需要考虑创建自己的解决方案来解决各种问题。因为对一个开发人员或项目有效的方法可能对另一个开发人员或项目不起作用，因此必须先研究各种解决方案，然后再来解决。

React框架

React JS 不像一个框架更像一个库，是由Facebook开发的非MVC模式的框架。它允许创建一个可复用的UI组件，Facebook和Instagram的用户界面就是用ReactJS开发的。

React框架引入了许多自定义的前端Web开发的方法。使用React，首先需要掌握组件的体系结构，JSX和单向数据流等，React框架的出现促使开发了大量额外工具用来实现高度灵活性。

但React灵活性也存在一些问题，比如在使用React时会面临选择的问题，而且没有可靠的开发工作流程。我们必须用React构建自己的工作流程。这比使用其他JS框架更困难，因为构建到框架中需要大量的开发工具。

Bootstrap框架

Bootstrap是基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。提供了优雅的HTML和CSS规范，由动态CSS语言Less写成。

Bootstrap一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

Bootstrap是当今可用的前端框架中最受欢迎的，它具有直观、时尚的界面而且功能强大可以更快更轻松的实现web开发而且不需要捆绑附件就可以使用许多第三方插件，大多数浏览器都支持它，而且它提供了比其他前端框架更多的组合资源。

Angular框架

Angular JS 是有Google维护的开源前端web应用程序框架。Angular JS是一个模型-视图-控制器（MVC）模式的框架，目的在于使HTML动态化。与其他框架相比，它可以快速生成代码，并且能非常轻松的测试程序独立的模块。最大的优势是在你修改代码后，它会立即刷新前端UI，能马上体现出来。

Angular.js通常被称为MVW（模型 – 视图 – 随意）框架，其中包括：快速代码生成，轻松测试任何应用程序部分和双向数据绑定（后端的更改会立即反映在UI上）。自发布以来，它成为开发的最常用的JS框架。对于基于企业的应用程序或具有高标准代码可读性的严格编程环境，Angular-s都是更好的选择。

上面给大家简单介绍了主流的几种框架，各有自己的优缺点，以及特定用处，我们可以根据自己的项目需求来灵活使用。如果对于前端学习方面有不清楚的，可以关注国信安前端课程，与老师进一步交流。

前端常用的框架有哪些？

对于一个程序员来学选择一款好用的开发工具可以大大提高工作效率，底层前端框架领域中早先jquery称霸，近年MVVM类型的框架成为主流，Vue、React和Angular三大框架较为常见。今天小编就介绍一些JS前端开发框架供大家选择：

一、 Foundation框架

Foundation框架比Bootstrap略显高大上一点，但他们俩的设计理念都非常清楚，Bootstrap有引导，尝试处理你项目中的一切所需。Foundation有基础、地基及支柱，给项目中强有力的创造与支持。相对于Bootstrap丰富的组件及插件，Foundation仅提供了有限的几种元素，其目标是即使你使用预定义的UI元素，也不应该与大家的网站长得太像。

二、 Bootstrap

Bootstrap在业界非常受欢迎，以致于有很多前端框架都在其基础上开发，如WeX5就是在Bootstrap源码基础上优化而来。Bootstrap是基于HTML、CSS和Javascript的，简洁灵活使得Web开发更加敏捷。提供优雅的HTML和CSS规范，在jQuery的基础上进行更加个性化和人性化的完善。兼容大部分jQuery插件，并包含了丰富的Web组件，如下拉菜单、按钮式下拉菜单、导航条、按钮组、分页、缩略图、进度条和媒体对象等。自带了13个jQuery插件，其中有模式对话框、标签页、滚动条和弹出框等。

三、Curl

Curl是一个命令行工具，用于通过HTTP(s)、FTP和数十种其它协议进行请求。使用Curl可以进行文件下载、检查响应标题和自由访问远程数据。在Web开发中Curl经常和RESTfulAPI一起使用用于测试连接。

四、Tree

Tree是一个小型的命令行实用程序，将目录中的文件以可视化的方式进行显示。它采用递归运行的方式，遍历每个级别的嵌套并绘制所有内容的格式树。这样就能快速的浏览并查找需要的文件。

五、Tmux

根据维基的解释，Tmux是一个终端复用器。通俗的说，它是一个能将多个终端连接到单个终端会话的工具。Tmux允许用户在终端中的程序之间切换，添加屏幕窗格，并将多个终端连接到同一个会话，使其保持同步。在远程服务器上工作时，Tmux特别有用，允许用户创建新的选项卡而无需再次登录。

六、du

du命令用于生成关于文件和目录的空间使用情况的报告。du很容易使用，可以递归地运行，遍历每个子目录并返回每个文件的大小。du常见用例：当某个驱动器的空间不足，用户不清楚每个存储器的大小。使用此命令可以快速查看每个文件夹所占用的存储空间，从而找到占用最大空间的存储器。

七、 AUI

AUI专为APIClound设计的一套框架，解决了许多移动端开发实际中遇到的许多问题是一个纯CSS框架。使用容器+布局+模块的构建方式，JS辅助，更自由更灵活更易于扩展使用。遵循GoogleMaterial设计规范，完美适配各个机型。面向HTML5，使用CSS3实现动画交互，轻量级高性能。

八、AmazeUI

据称是中国首个开源HTML5跨屏前端框架。妹子UI以移动优先为理念，从小屏逐渐到大屏，实现响应式网页。AmazeUI包含20+个CSS组件、20+个JS组件，更有多个包含不同主题的Web组件。相比国外框架，UI关注中文排版提供本地化支持。面向HTML5开发，使用CSS3来实现动画交互，轻量级高性能。

九、FrozenUI

FrozenUI是一款开源简单易用，轻量敏捷的移动端框架。基于手Q样式规范，目前全面应用于企鹅手Q增值业务中。基础样式效果简单色调清爽，社区活跃，组件自然不少。包括按钮、列表、表单、通知、提示条、弹出框、选项卡等等常用组件。还包括一个FrozenJs的JS组件库。可以在主流的Android和IOS上应用。基本样式使用离线包的方式减少请求提供快速接入方案。

程序员在不同业务场景下的角色互换，需要掌握多种开发工具，因此多了解一些JS前端开发框架对于工作非常有帮助。想要学习前端的框架，可以私信我哦~~

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com