使用框架构建您的网站的前端有很多优点（并且很容易启动！）。 让我们回顾一下前端框架，以及为什么您应该考虑将它们融入到您的Web开发工作中。
前端框架
也称为“CSS框架”，它们是包含预先编写的文件和文件夹中标准化代码的软件包。 他们为您提供了一个基础，同时仍然保持最终设计的灵活性。 通常，前端框架包含以下组件：
- 一个网格，使组织网站的设计元素变得简单
- 定义的字体样式和大小根据其功能而变化（标题与段落的不同排版等）
- 预构建的网站组件，如侧面板，按钮和导航栏
根据您选择的具体框架，它们还有更多的功能。
为什么使用一个
有很多很好的理由使用前端框架，而不是从头开始所有代码：
- 省时间！ 显然，如果你自己编写每一行代码，启动你的网站需要很长的时间。 框架可以帮助您开始使用基础知识。
- 添加您可能没有的额外组件。 总是很高兴能够选择另一个或两个按钮，而不会为自己创造任何额外的麻烦。
- 确定代码正常工作。 与其花费大量时间编写自己的代码只发现它不起作用（或者与60％的Web浏览器不兼容），您将知道您正在使用预先测试过的功能性代码。
在继续之前，我还想澄清如何不使用前端框架！ 把它们作为代码构建技能的替代品并不会对你有任何好处。 首先熟悉HTML和CSS， 然后开始使用快捷方式。 把你的框架当成助手，而不是拐杖。
前端框架示例
并不是所有的CSS框架都是平等的，所以请确保你的研究最适合你的独特需求。 以下是前五名的简要概述：
- Bootstrap：最受欢迎的一个。 Github上有很多明星，还有很多资源可以解答您的问题。 一个更容易使用，但有人说它有一个非常独特的“Bootstrap”外观。
- 基础：提供很多灵活性和可定制性。 适合那些有前端开发经验并喜欢在保留大量创意控制的同时涵盖基础知识的人。
- 手写笔：富有表现力和时尚的CSS语言。 该框架只能用于Node.js应用程序。
- 语义UI：简洁，直观，使您的代码调试更加简单。 为您提供很多设计自由并适应您的需求。
- UI Kit：如果您有兴趣开发iOS应用程序，则使用该框架。 有一个基本的风格，可以很容易地开发自己的网站外观。
结论
框架对于前端设计来说是非常有用的工具，特别是如果你有一个工作，那就是经常开发这方面的工作。 它们使您可以加快工作流程，提高生产力，而不会牺牲质量或功能，同时仍然保持开放的独特定制外观。 只要记住用它们作为工具来补充你的技能，而不是作为一种方法来削减角落，并享受！