web前端三大主流框架都是什么？

web前端主流框架主要有哪些~

1、Bootstrap


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


Foundation框架总体来看要比Bootstrap略显高大上一点，但他们俩的设计理念都是非常清楚的，Bootstrap有引导的意思，它尝试处理你项目中的一切所需。Foundation有基础、地基及支柱的意思，给你项目中强有力的创造与支持。相对于Bootstrap丰富的组件及插件，Foundation仅提供了有限的几种元素，其目标是，即使你使用预定义的UI元素，也不应该与大家的网站长得太像。
而Bootstrap则致力于提供所有定义好的元素，这样使得看起来许多网站都差不多。Foundation默认不带图标集，它推荐使用开源字体图标。与Bootstrap一样，Foundation使用网格流式布局将网页划分为12列，针对不同的设备显示不同的列数，实现响应式布局。但Foundation不支持旧版本浏览器。其他特性如有兴趣可进一步了解。
3、Curl


Curl 是一个命令行工具，用于通过 HTTP(s)、FTP 和数十种其它协议进行请求。使用Curl可以进行文件下载、检查响应标题和自由访问远程数据。
在 Web 开发中，Curl 经常和 RESTful API 一起使用，用于测试连接。
# Fetch the headers of a URL.curl -I http://google.comHTTP/1.1 302 FoundCache-Control: privateContent-Type: text/html; charset=UTF-8Referrer-Policy: no-referrerLocation: http://www.google.com/?gfe_rd=cr&ei=0fCKWe6HCZTd8AfCoIWYBQContent-Length: 258Date: Wed, 09 Aug 2017 11:24:01 GMT# Make a GET request to a remote API.curl http://numbersapi.com/random/trivia29 is the number of days it takes Saturn to orbit the Sun.
Curl 命令可能比上述代码更复杂。有许多选项用于控制 headers、Cookie、身份验证等。了解更多，请阅读Everything curl。
4、Tree
Tree 是一个小型的命令行实用程序，它将目录中的文件以可视化的方式进行显示。它采用递归运行的方式，遍历每个级别的嵌套并绘制所有内容的格式树。这样就能快速的浏览并查找需要的文件。
tree.├── css│ ├── bootstrap.css│ ├── bootstrap.min.css├── fonts│ ├── glyphicons-halflings-regular.eot│ ├── glyphicons-halflings-regular.svg│ ├── glyphicons-halflings-regular.ttf│ ├── glyphicons-halflings-regular.woff│ └── glyphicons-halflings-regular.woff2└── js ├── bootstrap.js └── bootstrap.min.js
还可以使用简单的 regEx 模式来过滤结果：
tree -P '*.min.*'.├── css│ ├── bootstrap.min.css├── fonts└── js └── bootstrap.min.js
5、Tmux


根据维基的解释，Tmux 是一个终端复用器。通俗的说，它是一个能将多个终端连接到单个终端会话的工具。
Tmux允许用户在终端中的程序之间切换，添加屏幕窗格，并将多个终端连接到同一个会话，使其保持同步。在远程服务器上工作时，Tmux 特别有用，因为它允许用户创建新的选项卡，而无需再次登录。
6、du
du命令用于生成关于文件和目录的空间使用情况的报告。du很容易使用，可以递归地运行，遍历每个子目录并返回每个文件的大小。
du 的常见用例是：当某个驱动器的空间不足，用户不清楚每个存储器的大小。使用此命令可以快速查看每个文件夹所占用的存储空间，从而找到占用最大空间的存储器。
7、AUI


AUI是最近流行起来的，作者声称是专为APIClound设计的一套框架，解决了许多移动端开发实际中遇到的许多问题，是一个纯CSS框架。使用容器+布局+模块的构建方式，JS辅助，更自由更灵活更易于扩展使用。遵循Google Material设计规范，完美适配各个机型。面向HTML5，使用CSS3实现动画交互，轻量级高性能。AUI是使用MIT License授权，你可以复制、出售。目前最新版本2.0。
8、Amaze UI
这是称为妹子UI的开源框架，据称是中国首个开源HTML5跨屏前端框架。妹子UI以移动优先为理念，从小屏逐渐到大屏，实现响应式网页。Amaze UI包含20+个CSS组件、20+个JS组件，更有多个包含不同主题的Web组件。相比国外框架，妹子UI关注中文排版提供本地化支持。面向HTML5开发，使用CSS3来实现动画交互，轻量级高性能。
9、Frozen UI
Frozen UI是一款开源，简单易用，轻量敏捷的移动端框架。基于手Q样式规范，目前全面应用于企鹅手Q增值业务中。基础样式效果简单色调清爽，社区活跃，组件自然不少。包括按钮、列表、表单、通知、提示条、弹出框、选项卡等等常用组件。还包括一个FrozenJs的JS组件库。可以在主流的Android和IOS上应用。基本样式使用离线包的方式减少请求提供快速接入方案。当然，根据网友反映，也存在大大小小的bug。不过总体来说，还是值得一用的。奇怪的是，Github上显示的最后更新时间是一年前，难道已经没人维护了吗？
# Running this will show the space usage of each folder in the current directory.# The -h option makes the report easier to read.# -s prevents recursiveness and shows the total size of a folder.# The star wildcard (*) will run du on each file/folder in current directory.du -sh *1.2G Desktop4.0K Documents40G Downloads4.0K Music4.9M Pictures844K Public4.0K Templates6.9M Videos
还有一个相似的命令 df（Disk Free），使用df会返回有关可用磁盘空间的各种信息。

常见的web前端开发框架如下：
1、Bootstrap：
主流框架之一，Bootstrap 是基于 HTML、CSS、JavaScript的，它简洁灵活，使得 Web 开发更加快捷。
2、html5-boilerplate：
该框架可以快速构建健壮，且适应力强的web app或网站。
3、Meteor：
Meteor是新一代的开发即时web应用的开源框架，它能在较短时间内完成开发。
4、Materialize：
基于材料设计的现代化响应式前端框架。可提供默认的样式，自定义组件。此外，Materialize还改进动画和过渡，为开发人员提供流畅的体验。
5、Amaze UI：
国内首个开源HTML5跨屏前端框架产品系列，中文排版支持更优、本土化组件丰富。该产品系列中有专门针对移动端的HTML5混合应用开发框架Amaze UI Touch以及针对跨屏HTML5网页开发的Amaze UI Web。

扩展资料：
web框架程序的作用：
Web框架使得在进行Web应用开发的时候，减少了工作量。Web框架主要用于动态网络开发，动态网络主要是指现在的主要的页面，可以实现数据的交互和业务功能的完善。
使用Web框架进行Web开发的时候，在进行数据缓存、数据库访问、数据安全校验等方面，不需要自己再重新实现，而是将业务逻辑相关的代码写入框架就可以。也就是说，通过对Web框架进行主观上的“缝缝补补”，就可以实现自己进行Web开发的需求了。
以PHP为例，PHP可以在apache服务器上进行Web开发，而不必使用框架。使用PHP进行开的时候，在不适用框架的情况下，数据库连接就需要自己来实现，页面的生成和显示也是一样。比如框架的话可以完成避免sql注入的工作，而使用PHP在不用框架的情况下，这部分要自己做。
参考资料来源：百度百科-前端开发

web前端三大主流框架都是Angular、React、Vue。

1、Angular

Angular原名angularJS诞生于2009年，之前我们都是用jquery开发，自从angular的出现让我们有了新的选择，它最大的特点是把后端的一些开发模式移植到前端来实现，如MVC、依赖注入等。

2、React

React，facebook出品，正式版推出是在2013年，比angular晚了4年，但得益于其创新式的VirtualDOM，性能上碾压angularJS，一经推出，火的一塌糊涂。 特点很多，VirtualDOM、JSX、Diff算法等，支持ES6语法，采用函数式编程，门槛稍高，但也更灵活，能让开发具有更多可能性。

3、Vue

Vue作为最后推出的框架（2014年），借鉴了前辈angular和react的特点（如VirtualDOM、双向数据绑定、diff算法、响应式属性、组件化开发等）并做了相关优化，使其使用起来更加方便，更容易上手，比较少适合初学者。

1、Angular

大家眼里比较“叼”的框架，甚至有人说三大框架中只有它能称的上一个完整的框架，因为他包含的东西比较完善，包含模板、数据双向绑定、路由、模块化、服务、过滤器、依赖注入等所有功能。对于刚开始学习使用框架的小伙伴们，可以推荐这个框架，学会之后简直能颠覆之前你对前端开发的认知。使用TypeScript能够提高代码可维护性，有利于后期重构。双向数据流很方便，但是等业务复杂之后，你可能就搞不清楚数据流了。还有令人不开心的脏值检查，以及directive的封装并没有解决视图与数据关系完全分离，有时候还要用$digist强制触发检测。

2、React

这个框架本身比较容易理解，他的结构很清晰，就是由十几个API组成，然后异步渲染，我们只需要处理好接口和维护就好了，但是很多人反映上手还是有一定的的难度的。React是单向数据流，代码写起来会较双向数据流的多一些，但是同样的排查问题时思路清晰很多。

3、Vue

号称是最简单，最容易上手的框架，同时也是行内的大趋势，还可以用来开发最火的小程序。毕竟用这神器，代码码的飞快，项目也能快速上线，同时他也是双向数据流。有些人认为Vue是Angular和React的结合，既有Angular的模板语法也有React的组件化体系。

以上三种框架是目前市面上常用的，对于初学者而言，学会了其中的一种，另外两种学起来会更容易，但真正想要学会，掌握并不容易。来千锋武汉Web前端培训，不仅可以系统地，由浅入深地帮助学员形成一个体系的知识框架，对于Web前端必须掌握的框架更会着重讲解，通过项目让学员深入理解，让学员毕业后在激烈的市场竞争中脱颖而出。

web前端三大主流框架分别是：bootstrap框架、Foundation、Amaze UI 等等。

1、bootstrap框架

这个应该是所有前端开发都知道并用过的一个框架了，应为这个是目前最流行的框架，使用最广，网上文档资料模板最多最容易查找的了，也是很多人喜欢用的一个框架了。

2、Foundation 

是一个易用、强大而且灵活的响应式前端框架，用于构建基于任何设备上的响应式网站、 Web应用和电子邮件，结构语义化、移动设备优先、完全可定制。

3、Amaze UI 

是中国首个开源 HTML5 跨屏前端框架。Amaze UI 以移动优先为理念，组件丰富，模块化，本地化支持， 关注中文排版，轻量级，高性能。

4、SUI 

是一套基于bootstrap开发的前端组件库，同时她也是一套设计规范，通过SUI，可以非常方便的设计和实现精美的页面。

web前端三大主流框架：Angular、React、Vue。

如果您对最新的web开发技术有所了解，那么Angularjs对你来说是一个熟悉的名称。AngularJS是一个客户端的JavaScript MVC开源框架，特别为使用MVC架构模式的单页面web应用而设计，可用于开发动态Web应用程序。它不是一个完整的堆栈，而是一个处理web页面的前端框架。

React是一个开源的JavaScript库，由Facebook和一个大型开发者社区共同维护。此库(也可转换为web开发框架)广泛用于开发web应用程序的用户界面。这个特殊的框架是为了构建大型应用程序而设计的，这些应用程序的数据会随着时间的推移不断变化。

Vue是一个开源JavaScript框架，能够开发单页面应用程序。它还可以用作Web应用程序框架，目的在于简化Web开发。它的流行有很多原因，其中一个关键原因是它能够在没有任何动作的情况下重新渲染，它允许构建可重用，是一个小巧但功能强大的组件而且允许我们在需要时随时添加组件。

Web前端开发入门简单，精通不易，而框架被看作是区分高级与初级前端人员的水平线。想要做出优雅、健壮的程序，使用一个好的前端框架能够帮你很多忙。目前常用的Web前端开发三大框架是哪个，有什么区别吗？接下来就给大家分享杭州Web前端工程师必须了解的三大主流框架对比。

Web前端三大主流框架是Angular、React、Vue：
Angular原名AngularJS诞生于2009年，之前我们都是用jquery开发，自从Angular的出现让我们有了新的选择，它最大的特点是把后端的一些开发模式移植到前端来实现，如MVC、依赖注入等。

React，facebook出品，正式版推出是在2013年，但得益于其创新式的VirtualDOM，性能上碾压angularJS。特点很多：VirtualDOM、JSX、Diff算法等，支持ES6语法，采用函数式编程，门槛稍高，但也更灵活，能让开发具有更多可能性。

Vue作为最后推出的框架（2014年），借鉴了Angular和React的特点并做了相关优化，使其使用起来更加方便，更容易上手，比较少适合初学者。

Vue.js与AngularJS的对比
相同点：
1）都支持指令：内置指令和自定义指令。
2）都支持过滤器：内置过滤器和自定义过滤器。
3）都支持双向数据绑定。
4）都不支持低端浏览器。

不同点：
1）AngularJS的学习成本高，比如增加了Dependency Injection特性，而Vue.js本身提供的API都比较简单、直观。
2）在性能上，AngularJS依赖对数据做脏检查，所以Watcher越多越慢。
3）Vue.js使用基于依赖追踪的观察并且使用异步队列更新。所有的数据都是独立触发的。对于庞大的应用来说，这个优化差异还是比较明显的。

Vue.js与React的区别
相同点：
1）React采用特殊的JSX语法，Vue.js在组件开发中也推崇编写.vue特殊文件格式，对文件内容都有一些约定，两者都需要编译后使用。
2）中心思想相同：一切都是组件，组件实例之间可以嵌套。
3）都提供合理的钩子函数，可以让开发者定制化地去处理需求。
4）都不内置列数AJAX，Route等功能到核心包，而是以插件的方式加载。
5）在组件开发中都支持mixins的特性。

不同点：
1）React依赖Virtual DOM,而Vue.js使用的是DOM模板。React采用的Virtual DOM会对渲染出来的结果做脏检查。
2）Vue.js在模板中提供了指令、过滤器等，可以非常方便，快捷地操作DOM。

掌握常用的Web前端框架，你就顺利进入了前端的大门，高薪更是轻而易举。

---

宜川县13263412405： web前端开发的框架有哪些 - ？
但放养血： web前端开发的框架大致有如下几种 1、BootstrapBoostrap是目前最流行用得最广泛的一款框架.它是一套优美,直观并且给力的web设计工具包,可以用来开发跨浏览器兼容并且美观大气的页面.提供了很多流行的样式简洁的UI组件,栅格系...

宜川县13263412405： java web主流框架有哪些 知乎 - ？
但放养血： 所谓的JAVAWEB三大框架,1、hibernate,2、struts2, 3、spring.企业一般是用的是自己的框架.你可以了解下这三个玩意,看看是如何控制前台页面和后台之间,数据是如何交互的.

宜川县13263412405： 谁总结下三大框架 - ？
但放养血： 框架,顾名思义,一个提供了可重用的公用结构的半成品.比如简历的模板就是一个框架!在程序中,它的含义也是如此:一个应用程序的半成品,按一定的规则组织的一组组件.现在项目中最常有的三大主流框架大家一定不会陌生——SSH,...

宜川县13263412405： 目前主流的移动WEB开发框架有哪些 - ？
但放养血： 目前主流的移动WEB开发框架有哪些?Web框架也可以理解为B/S(Brouser/Server)框架,是一种基于浏览器载体的框架,包含前端、后端和数据库三个大的方向,各个方向的工具技术都不一样.现在主流的工具技术包含.NET、SqlServer、...

宜川县13263412405： 目前流行的前端框架有哪些 - ？
但放养血： jquery、Extjs、prototype、kissy,bootstrap、jQuery UI、easyui、flex、yui、Dojo等.里面有侧重js的框架和侧重css的框架.

宜川县13263412405： 请问,web框架有哪些种? - ？
但放养血： 1.Bootstrap Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目.2.NEJ-Nice Easy Java 简洁,美观,真正的跨平台web前端开发框架.3.Foundation 迄今为止最好的响应式前端框架,更快、更...

宜川县13263412405： WEB前端现在要学的话,都是需要学习哪些框架?企业最常用到的是哪几个? - ？
但放养血： 我们通常说的js不是框架,是语言,即javascript,据最新世界编程语言排行榜来看,已经上升到了第7位,发展迅猛,其标准是ECMAScript,现在基本上是基于ECMAScript5.jQuery是用js写的框架,其在DOM操作上有很明显的优势,也是时下很常用的一个js框架.至于之外还要学习那些框架呢?如果你说的是js框架,建议先掌握好jQuery,然后还有很多的,近几年比较流行的AngularJS,基于移动端考虑的轻量级仿jquery框架zepto,还有jquery mobile,还有适合写后端或服务端的node,等等.如果是web前端框架,就不仅仅是涉及的js了,还有html和css.

宜川县13263412405： 前端开发框架有哪些 - ？
但放养血： 1. Bootstrap Boostrap绝对是目前最流行用得最广泛的一款框架.2. Fbootstrapp Fbootstrapp基于Bootstrap并且提供了跟Facebook iframe apps和设计3. BootMetro BootMetro框架的灵感来自于Metro UI CSS,基于Bootstrap 框架构建

宜川县13263412405： 现在流行的WEB开发的架构有哪些 - ？
但放养血： VueJS框架、ReactJS框架、AngularJS框架、NodeJS,一般就是这几个