前端技术框架有哪些(Web前端开发必不可少的9个开源框架)

跟随公众号“Opensourcedaily”每天都向您推荐优秀的开源项目

当大多数人想到web开发时，他们通常会想到HTML或JavaScript，而这往往被忽略css，根据维基百科的说法，CSS是网页中最重要且经常被遗忘的部分之一，尽管它是万维网的三项基本技术之一。

今天，我将与大家分享九个流行且功能强大的前端开源框架，帮助您轻松构建一个漂亮的网站前端。
1.Bootstrap
Bootstrap无疑是最流行的CSS框架。它是twitter开发的最早的web前端框架。Bootstrap还提供了很多例子来帮助你入门。

有了Bootstrap，你可以结合不同的组件和布局来创建有趣的页面设计。它还提供了大量详细的文档。目前在github已经有超过1100名投稿人和超过19000份投稿。（GitHub地址：https://github.com/twbs/bootstrap）
2.PatternFly
PatternFly是redhat的开源CSS框架。与Bootstrap不同，Bootstrap是为那些想要创建美丽网站的人设计的。PatternFly主要关注企业应用程序开发人员，并提供条形图、图表和导航等组件。事实上，redhat使用它来创建openshift。

除了静态HTML，PatternFly还支持Facebook开发的流行JavaScript框架reactjs框架。PatternFly拥有许多适合企业应用的高级组件，如条形图、图表、图案和布局。
PatternFly在GitHub上提交了1050多份意见书，贡献者44人。（GitHub地址：https://github.com/patternfly/patternfly）
3、web的材质组件
web材料组件（MDCweb），是的谷歌为web设计的新前端框架。MDCweb可以帮助开发人员执行材料设计，组件由谷歌的核心工程师和用户体验设计师团队开发。这些组件可以建立一个可靠的开发工作流，以构建漂亮而强大的web项目。

MDCweb在GitHub上有超过5700份提交和349名贡献者。（GitHub地址：https://github.com/material-components/material-components-web）
4.Pure
Bootstrap、patternfly和MDCWeb都是非常强大的CSS框架，但它们可能非常麻烦和复杂。如果你想要一个轻量级的CSS框架，你可以试试Purecss，它更接近CSS编程，但它可以帮助你构建一个好的网页。Pure是一个轻量级CSS框架，占用空间最小。它由雅虎开发，是BSD许可下的开源软件。

Pure在GitHub上有超过565份提交和59名贡献者。（GitHub地址：https://github.com/pure-（css/纯）
5.Foundation
Foundation自称是世界上最先进的响应式前端框架。它为构建专业网站提供了高级功能和教程。许多公司和组织使用该框架，该框架有大量可用文档。

Foundation在GitHub上提交了近17000份意见书，贡献了1000名贡献者。（GitHub地址：https://github.com/foundation/foundation-sites）
6.Bulma
LiuYifei是一个基于flexbox的开源框架，它可以在MIT许可下开源。Bulma是一个非常轻量级的框架，因为它只需要一个CSS文件。Bulma的文件简洁明了，可以很容易地选择你想要的主题。它有很多组件，你可以在网页设计中使用。

Bulma在GitHub上提交了1400多份意见书，有300名贡献者。（GitHub地址：https://github.com/jgthms/bulma）
7.Skeleton
如果说还有比Pure更轻的框架，那一定是Skeleton。AndyLau只有大约400行，框架只提供一些基本的CSS框架组件。尽管如此，Skeleton还是提供了详细的文档，帮助您快速入门。

Skeleton在GitHub上提交了167份意见书和22名贡献者，但它并不是最活跃的项目。它的最新更新是在2014年。（GitHub地址：https://github.com/dhg/（Skeleton）
8.Materialize
NicholasTse是基于材料设计风格的现代响应式前端框架，它解决了最艰巨的工作，并为您提供了与自定义组件相结合的默认样式。Materialize的页面非常全面，易于阅读。其组件页面包括按钮、卡片、导航等。

Materialize（NicholasTse）在GitHub上提交了3800多份意见书，有250名贡献者。（GitHub地址：https://github.com/Dogfalo/materialize）
9、鞋垫
Bootflat是一个开源CSS框架，源于twitter的Bootstrap。与Bootstrap相比，bootflat更简单、更轻。Bootflat的文档似乎几乎受到了宜家的启发。其中大多数是没有太多文本的图像。

Bootflat是麻省理工学院许可下的开源软件，GitHub上有159份提交和8名贡献者。（GitHub地址：https://github.com/bootflat/bootflat.github.io）

你觉得今天的项目怎么样？如果你喜欢，请留言，或者按照文章底部的转发。你们的支持是我不断更新的最大动力！

Opensourcedaily——为热爱开源的人而设