还有些啥可以学的呢？

xmut-lby大约 2 分钟

前端框架

对于前端初学者来说，一般很少会从0开始编写框架代码，这工作量太大了。而且对于初学者来说，合理地配置风格、颜色、图片等美术资源的能力也很弱。往往新手配出来的页面都不好看（回忆一下你的第一个作业）。

这种情况下我们可以借助外部的力量——也就是前端UI框架来帮我们快速布局一个可用的界面。

这节不会手把手教你如何使用这些框架，因为这正是需要发挥你自学和实践能力的地方。

这里只有一个建议：动手做一做，记住，前端是实践性课程。

提前端框架就不得不提Bootstrapopen in new window（中文站点），曾经它就是前端框架的代名词。

Bootstrap一大重要的概念是网格系统和控件系统。

网格系统和css3的flex布局类似，用来将元素以合适的方式放入容器。

Bootstrap里把容器横向分为12个格子，通过预设的class来为不同的元素分配宽度。达到简化配置的目的：

这里要再强调一下，因为Bootstrap本身是Twitter（X）的产品，文档也以英语为主，请学会看。

所谓的控件，则是Bootstrap内置了一些可以快速应用的页面组件，开箱即用，也是通过预设的class来引入：

动手试试，哪怕只是把代码挨个敲进去，对你都有进步。

tailwindcss某种程度上可以说是css的一种反动，这个框架实现了很多原子化的css，用户可以通过在html上直接引用这些css来达到避免自己编写css的目的。

本质上是预置的css库，这也是它主页上说自己是utility-first的原因。

那么这种看上去向早期html复古的方式有什么好处呢？

可以帮助快速开发原型，如果不准备进行非常精细的设计，直接在html上书写显然比html+css两边调节要快得多。

不过说实话，这种方式毕竟不属于主流开发方式，属于比较小众的方式。

这些框架大多名声在外，不过他们都有个比较大的问题：你们现在不会用。这些框架大多数都需要应用MVVM框架，例如vue和react。

但你可以留下一个印象，后续慢慢加强学习。