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

下一代 Bootstrap 的 5 个超酷特点

时间:2023-03-12 07:20:33 科技观察

下一代Bootstrap的5个很酷的功能全面翻新。该项目的创始人MarkOtto表示,该版本“几乎触及了每一行代码”,他并不是在开玩笑。1、文件体积更小有句话叫“删掉的代码一定是调试过的代码”——再好的重构也一定会让项目删掉大量代码,迅速瘦身。如果你下载初始版本,那么你会发现新的4.0.0初始bootstrap.min与最新的稳定版本Bootstrap3(3.3.5)相比——大约123KB大小(bootstrap.min.css文件).css只是大约88KB。这可能是由于IE8的支持。2.从LESS切换到Sass社区和性能是Bootstrap决定在版本4中进行此切换的两个主要原因。具体来说,争论基于:SaaS项目迭代速度比LESS切换到Sass提高了框架性能但是,从在GitHub页面上,LESS看起来仍然具有流行优势,但Bootstrap表示Sass增长非常快。无论哪种方式,您都可以在Bootstrap3中的Sass中以正确的方式进行大量CSS编码。有人怀疑PostCSS这种很有前途的模块化工具在预处理工作方面的性能是否强大,是否应该取代LESS。3.切换Flexbox支持Bootstrap4现在支持使用W3C的Flexbox功能,Flexbox功能仍然可以取消所有浏览器的支持。因此,这是一个可选功能,可以根据需要打开。如果你需要快速复习一下Flexbox,那么我为你推荐一个指南-《A Complete Guide to Flexbox》。如果您更喜欢Flexbox,还有一个新的视频系列。4.重新调整卡片式UI布局模式AndrewTrice和我都认为这是早在2013年Google的MaterialDesign中就应该理解的重要UI布局模式,现在Bootstrap4把所有筹码都放在了这个趋势上。Bootstrap弃用了井、缩略图和面板,取而代之的是卡片。5.重写ES6中的JS插件ECMAScript6终于在几个月前完成并标准化,而Bootstrap紧跟这项最新的Web技术。他们重写了所有的JavaScript插件以利用ES6,并且还更新了所有插件,使其具有“UMD支持、通用拆卸方法、可选类型检查等”。做得好!让我们早点看一下它的文档以及它的外观!翻译链接:http://www.codeceo.com/article/bootstrap-5-cool-things.html英文原文:5CoolThingsAbouttheNextVersionofBootstrap