如今的CSS前端框架发展非常迅速，但真正好的框架并不多。在这篇文章中，我将比较我认为是当今最好的5个框架。每个框架都有自己的优点和缺点，以及适合的领域，您需要根据这些特点进行选择。比如你的项目比较简单，就没有必要选择复杂的框架。此外，还有一些模块化的选项，因此您可以挑选所需的组件，或者混合使用来自不同框架的组件。我选择这些框架是基于它们在Github上的受欢迎程度，其中最好的无疑是Bootstrap。（注：文章中的一些数据日新月异，比如Github上的点赞数、版本号等，当你阅读这篇文章时，你应该意识到这些问题）BootstrapBootstrap无疑是领先的前沿——今天结束框架。鉴于其超强的人气，每天都在持续增长，您可以期待这个框架非常棒，不会让您失望。作者：马克·奥托和雅各布·桑顿。发布时间：2011当前版本：3.3.7受欢迎程度：Github上的111,000个赞描述：“Bootstrap是领先的HTML、CSS和JavaScript框架，用于开发响应式、移动优先的Web应用程序”核心概念：RWD和移动优先框架大小：154KB预处理器：Less和Sass响应式：是模块化：是模板和布局支持？：是图标集：GlyphiconsHalflings集插件/扩展：无绑定，但许多第3方选项用于独特的组件：Jumbotron文档：良好的定制：基本的GUI定制工具，不好你需要手动输入颜色值，因为没有提供颜色选择器浏览器支持：Firefox，Chrome，Safari，IE8+（IE8需要Respond.js）许可证：MITBootstrap注释Bootstrap最大的优势在于它的流行。它不一定在技术上优于此列表中的其他框架，但它提供了比其他框架更多的资源（包括文章、教程、第三方插件和扩展、主题构建等）。简单来说，Bootstrap的应用广泛，这是人们持续选择它的主要原因。（注意：这里的“独特组件”是指与其他框架相比）2.Foundation（来自ZURB）Foundation是这个列表中的第二个选择。凭借强大的公司支持ZURB，该框架拥有非常强大和令人敬畏的基础。此外，还有许多大型网站使用该框架，包括：Facebook、Mozilla、Ebay、Yahoo!和国家地理杂志等隶属关系：ZURB发布时间：2011当前时间：6.3.1人气：在Github上获得25,400个赞描述：“一流的响应式前端框架”核心概念：RWD、移动优先、语义框架体积：197.5KB预处理器：Sass响应式：是模块化：是模板/布局：是图标包：基础图标字体插件/扩展：是独特组件：图标栏、清除灯箱、Flex视频、击键、Joyride、定价表文档：嗯，提供了很多额外的资源定制：基本的GUI定制器，类似于Bootstrap浏览器支持：Chrome，Firefox，Safari，IE9+；iOS,Android,WindowsPhone7+License:MITFoundation备注Foundation是一个真正的专业框架，提供商业支持和咨询服务。同时，它提供了很多资源来帮助您快速、轻松地学习和使用该框架。3.语义UI语义UI不断发展，以建立更多的语义网站。它使用自然语言原理使代码更具可读性和易于理解。作者：JackLukic发布时间：2013当前版本：2.2流行度：Github点赞数：34,762项目描述：“基于自然语言特征的UI组件框架”核心概念：语义、标签、响应式框架提及：806KB预处理器：低响应式：是模块化：是模板布局：是的，提供了一些基本模板图标集：字体真棒扩展，插件：无独特组件：分隔线，旗帜，栏杆，显示，步骤，广告，卡片，提要，项目，统计，调光器，评级，形状.文档：很棒，组织良好，提供入门、定制和主题创建。定制：无GUI定制器，仅手动定制浏览器支持：Firefox、Chrome、Safari、IE10+（仅带浏览器前缀的IE9）、Android4、Blackberry10许可证：MITSemanticUINotesSemantic是最具创新性和功能最全的框架。框架的整体结构和命名具有清晰的逻辑和语义，在这方面碾压其他框架。4.纯来自雅虎！Pure是一个用纯CSS编写的轻量级模块化框架，包括可以一起或单独使用的所有组件。隶属：Yahoo发布时间：2013当前版本：0.6.2人气：Github上有16,637个赞描述：“一套小巧的响应式CSS模块，可用于任何Web项目”核心理念：SMACSS，极简主义。提到的框架：16KB预处理器：无响应：是模块化：是模板/布局：是图标集合：不，你可以使用FontAwesome。插件/扩展：无独特组件：无文档：良好可定制：基本GUI皮肤生成器浏览器支持：最新版本的Firefox、Chrome、Safari；IE7+；iOS6.x、7.x；Android4.x许可证：雅虎！Inc.BSDPureRemarksPureonly提供了一个非常简单的基本框架，这对于很多不需要全功能框架的人来说非常棒。5.来自YOOtheme的UIkitUIkit是一组易于使用和自定义的简单组件。虽然不如其竞争对手那么受欢迎，但它仍然提供相同的功能和质量。隶属：YOOtheme发布时间：2013当前版本：3.0.0人气：Github点赞数：9,422描述：“轻量级模块化前端框架，用于快速开发强大的web界面”核心理念：RWD，移动优先框架提及：326.9KB（如果包含uikit-icons.min.js和相关的SVG图标，则为384.4KB）预处理器：Less、Sass响应式：是模块化：是模板/布局：是图标集：是UIkit包含自己的SVG图标系统和库插件/扩展：是独特的组件：文章、Flex、封面、HTML编辑器文档：良好的定制：高级GUI定制器，仅在版本2中可用浏览器支持：Chrome、Firefox、Safari、IE9+许可证：MITUIkit请注意，UIkit在许多WordPress主题中成功使用.提供灵活强大的手动定制机制（旧版本还提供高级GUI定制器）哪个框架更适合你？***让我们为您提供一些框架选择指南。以下是选择框架时需要考虑的一些重要事项：该框架是否足够流行？知名度越高，使用该项目的人越多，教程和文章越多，实践示例和网站越多，第三方扩展越多，可以更好地融入相关的Web开发项目。同时也说明框架不容易过时。一个由强大社区支持的项目不太可能被放弃。该框架是否仍在积极开发？一个好的框架一定要跟上技术发展的步伐，支持最新的Web技术，尤其是框架对移动端的支持是否成熟？如果一个没有在实际项目中使用和测试过，在你的专业项目中选择它是不明智的。该框架是否提供了良好的文档？好的文档是为了什么更方便的学习框架的专业性？这主要是因为一个比较通用的框架应该有很高的专业性，但是也非常容易学习和使用。在大多数情况下，最好选择样式最少的那个，因为它更容易定制。添加新的CSS规则比修改和重写现有规则更容易、更有效。此外，如果您在现有规则之上添加新规则，您会发现这些无用的规则会增加CSS本身的大小。如果还是不能选择，可以使用混搭的方法。如果一个框架不能完全满足您的需求，您可以从两个或多个框架中选择您需要的组件。例如，您可以在一个框架中使用基本的CSS样式，然后在另一个框架中使用表格系统，等等。感谢模块化设计——模块化万岁！***还应该提到的是，构建复杂的布局变得非常容易。这也在不断鼓励着更多的开发者放弃前端框架，从零开始开发自己的框架。你怎么认为？我是否错过了描述这些框架的优缺点的内容？如果您有其他想法，请不要忘记在评论中分享您的意见。
