Bootstrap5正式版发布,我是否需要立即跟进?

14,700 阅读3分钟

这是我参与更文挑战的第1天,活动详情查看: 更文挑战

Bootstrap5在长时间经历bootstrap-5.0.0-beta3版本之后,终于推出正式版本了,最新的版本号是bootstrap-5.0.1,正式版与beta3版本功能差别不大,只是对一些组件的细节效果进行了修改,以及修复了一些以前存在的问题。我注意到早在beta版本的时候,就有很多网站开始采用了,但是对于正规商业项目来说,采用beta版本风险很大,而现在正式版发布后,大家就可以放心的使用了。

Bootstrap5与Bootstrap4相比都有哪些重大改变呢?

官方洋洋洒洒的说了上万字,就我个人使用来看无非有下面几点:

  1. 不在支持internet explorer10和internet explorer11。节省了很多为兼容而写的代码,同时也可以更好的运用html5和css3的一些新特征。
  2. 不再依赖jQuery。jQuery优点很多,更能也很强大,但是对于一些小项目而言,jQuery大大的增加了源码包的大小。Bootstrap5不再依赖jQuery,可以大大的减小Bootstrap的源码包大小。当然,这里说的不再依赖是说jQuery不再是必须的,如果你需要jQuery,依然可以单独引入,另外单独引入的话你还可以直接使用最新版本的jQuery,而不是Bootstrap配套的版本。
  3. 优化了各个组件的外观,包括调色板、字体等,使设计的网站变得更加好看,一直以来Bootstrap给人诟病的一点就是做出的网站页面太死板,面目丑陋,需要自己另外写css优化,现在Bootstrap5做好的页面已经非常美观,可直接应用了,大家可以直接看看www.bootstrap.cn ,纯Bootstrap5开发,没有使用任何其他css文件。
  4. 增加了很多组件,现在基本上设计网页的常用组件都能找到了,网页设计变得不要太轻松了,简单复制、粘贴、修改以下文字,拼凑起来即可。
  5. 体积大大减小。完整编译版仅1M多,经俺老刘试验,如果你很在意软件包大小,完全可以将bootstrap.min.css和bootstrap.bundle.min.js提取出来,总共不到100k,目前没发现任何问题。

我应该学习Bootstrap4还是Bootstrap5?

这个问题要根据自己的情况进行判断:

  1. 如果你目前正在用Bootstrap4进行一个项目,开发都接近尾声了,而Bootstrap4的功能也都够用了,那么还是接着用Bootstrap4做完项目好了,没必要画蛇添足。
  2. 如果你目前正在用Bootstrap4进行一个项目,项目刚刚开始,又看到很多Bootstrap5的功能很实用,果断放弃Bootstrap4,进入Bootstrap5吧。
  3. 对于目前没有开始开发的项目,直接学习Bootstrap5吧,Bootstrap5增加了那么多实用的功能,你有什么理由不去使用呢?

今天先写到这里,后面我会写个系列教程,让大家快速掌握Bootstrap5的使用。