当前位置: 首页 > 科技观察

Web前端开发必不可少的9个开源框架_1

时间:2023-03-12 01:02:10 科技观察

当大多数人想到Web开发时,他们通常会想到HTML或JavaScript,往往会忽略CSS,根据维基百科,CSS是Web中最重要但经常被遗忘的pages虽然是万维网的三大基础技术之一。今天给大家分享9款流行且强大的前端开源框架,助你轻松搭建漂亮的网站前端。1.BootstrapBootstrap无疑是最流行的CSS框架,它是最早的web前端框架,由Twitter开发。Bootstrap还提供了许多示例来帮助您入门。使用Bootstrap,您可以组合不同的组件和布局来创建有趣的页面设计。它还提供了广泛而详细的文档。目前在Github上有超过1100名贡献者和超过19000次提交。(Github地址:https://github.com/twbs/bootstrap)2.PatternFlyPatternFly是RedHat开源的CSS框架。与Bootstrap不同,Bootstrap是为那些想要创建漂亮网站的人设计的,而PatternFly主要面向企业应用程序开发人员,提供条形图、图表、导航等组件,事实上RedHat用它创建了OpenShift。除了静态HTML之外,PatternFly还支持ReactJS框架,这是Facebook开发的一种流行的JavaScript框架。PatternFly有许多适合企业级应用的高级组件,例如条形图、图表、模式和布局。PatternFly在GitHub上总共有1,050多个提交和44个贡献者。(Github地址:https://github.com/patternfly/patternfly)3.MaterialComponentsforthewebMaterialComponentsfortheweb(MDCWeb)是Google为Web设计的全新前端框架。MDCWeb帮助开发人员实施MaterialDesign,组件由Google的核心工程师和UX设计师团队开发。这些组件为构建美观实用的Web项目建立了可靠的开发工作流程。MDCWeb在Github上共有5700多个提交和349个贡献者。(Github地址:https://github.com/material-components/material-components-web)4.PureBootstrap、Patternfly和MDCWeb是非常强大的CSS框架,但它们可能非常笨重和复杂。如果你想要一个轻量级的CSS框架,试试Pure.css,它本身更接近CSS编程,但可以帮助你构建一个漂亮的网页。Pure是一个轻量级的CSS框架,占用空间最小,由Yahoo开发,在BSD许可下开源。Pure在Github上总共有565+个提交和59个贡献者。(Github地址:https://github.com/pure-css/pure)5.FoundationFoundation号称是世界上最先进的响应式前端框架。它提供了用于构建专业网站的高级功能和教程。许多公司、组织都使用这个框架,这个框架有很多可用的文档。Foundation在Github上有近17,000个提交和1,000个贡献者。(Github地址:https://github.com/foundation/foundation-sites)6.BulmaBulma是一个基于Flexbox的开源框架,可以在MIT许可下开源。Bulma是一个非常轻量级的框架,因为它只需要一个CSS文件。Bulma的文档简洁明了,可以轻松选择所需的主题。它还具有许多可在您的设计中使用的Web组件。Bulma在Github上有超过1400次提交和300位贡献者。(Github地址:https://github.com/jgthms/bulma)7.Skeleton如果说有比Pure更轻量的框架,那一定是Skeleton。Skeleton库只有400行左右,框架只提供了一些基本的CSS框架组件。尽管如此,Skeleton还是提供了详细的文档来帮助您快速入门。Skeleton在Github上共有167次提交和22位贡献者,但它并不是最活跃的项目,最后一次更新是在2014年。(Github地址:https://github.com/dhg/Skeleton)8.MaterializeMaterialize是一个基于MaterialDesign风格的现代响应式前端框架,解决了最繁重的工作,结合您的自定义组件,为您提供默认样式.Materialise的文档页面非常全面且易于理解。它的组件页面包括按钮、卡片、导航等。Materialise在Github上总共有3800多个提交和250个贡献者。(Github地址:https://github.com/Dogfalo/materialize)9.BootflatBootflat是一个开源的CSS框架,源自Twitter的Bootstrap。与Bootstrap相比,Bootflat更简单、更轻量。Bootflat的文档看起来几乎是IKEA的灵感来源,主要是没有太多文字的图像。Bootflat在MIT许可下开源,在Github上有159次提交和8位贡献者。(Github地址:https://github.com/bootflat/bootflat.github.io)