Web前端培训：常用的Web前端开发框架有哪些？

Posted 2021-11-08 程序员的小傲娇

学习web前端技术的时候，我们会学到开发框架这一课，web前端的开发框架是有很多的，有一些是常用的，那么常用的Web前端开发框架有哪些呢?来看看下面的详细介绍。

常用的Web前端开发框架有哪些？程序员常用的Web前端开发框架有Bootstrap、PatternFly、MDC Web、Pure、Foundation、Bulma、Skeleton、Materialize、Bootflat等，Web前端框架节约了大量的开发成本和时间，因此很多企业会选择适合的前端框架。

1、Bootstrap

Bootstrap流行的CSS框架，它是最早的Web前端框架，Bootstrap提供了许多实例来帮助入门。使用Bootstrap可以将不同的组件和布局组合在一起，从而创建有趣的页面设计，还提供了大量详细的文档。

2、QUICK UI

QUICK UI一套完整的企业级web前端开发解决方案，由基础框架、UI组件库、皮肤包、示例工程和文档等组成。使用QUICKUI开发者可以极大地减少工作量提高开发效率，快速构建功能强大、美观、兼容的web应用系统。

3、MDC Web

Material Components for the web(MDC Web)，谷歌为Web设计的全新前端框架。MDC Web帮助开发人员执行Material Design，组件由谷歌的核心工程师团队和UX设计人员开发。这些组件可以建立可靠的开发工作流程以构建美观且功能强大的Web项目。

4、Pure

Bootstrap，Patternfly和MDC Web功能非常强大的CSS框架，但非常繁琐复杂。如想要一个轻量级的CSS框架建议尝试Pure.css，本身更接近于CSS编程，但又可以帮助构建一个不错的网页。Pure是具有最小占用空间的轻量级CSS框架由Yahoo开发根据BSD许可是开源。

5、Foundation

Foundation声称是世界上最先进的响应式前端框架。它提供了用于构建专业网站的高级功能和教程。许多公司，组织都使用该框架，并且该框架具有大量可用的文档。

6、Bulma

Bulma基于Flexbox的开源框架可根据MIT许可证开源。一个非常轻量级的框架，只需要一个CSS文件。Bulma拥有简洁明了的文档可轻松选择想要的主题。还具有许多Web组件可以在设计中使用它们。

7、Skeleton

轻量级框架Skeleton。Skeleton库只有大约400行，且该框架仅提供一些基本的CSS框架组件。Skeleton还是提供了详细的文档来帮助快速上手。

8、Materialize

Materialize 是一个基于 Material Design风格的一个现代化的响应式前端框架，解决了最繁重的工作，结合的自定义组件为提供默认的样式。Materialize的文档页面非常全面很容易遵循。其组件页面包括按钮，卡片，导航等。

9、Bootflat

Bootflat是从Twitter的Bootstrap派生的开源CSS框架。与Bootstrap相比Bootflat更简单更加轻量级。大部分都是图像没有太多的文字。

10、PatternFly

PatternFly是Red Hat的开源CSS框架，和Bootstrap不同的是Bootstrap是为那些想要创建漂亮网站的人而设计，而PatternFly主要专注于企业应用程序开发人员提供诸如条形图、图表、导航之类的组件，实际上Red Hat就是使用它创建了OpenShift。除了静态html，PatternFly还支持ReactJS框架，这是Facebook开发的流行javascript框架。PatternFly具有许多适用于企业级应用程序的高级组件，如条形图，图表，模式和布局。

11、flex

Flex目前还在孵化阶段，还不是Apache的正式项目，Flex4.8也不是一个正式的Apache版本。，该版本标志着Flex新时代的开始，Flex的未来将由社区来驱动而不是由一个公司驱动。开发者可以通过贡献代码来帮助改进Flex，如修复bug、增加功能等。

以上十一种就是web前端常用的开发框架，希望上面的web前端教程能够给大家带来帮助。如果大家正在学习web前端知识或者是对web前端知识比较感兴趣的话，可以关注小千，后期会分享更多web前端知识。

​本文来自千锋教育，转载请注明出处。