Bootstrap5alpha于2020年6月发布。新的引导程序删除了jQuery,不再支持internet explorer(IE)。研究小组说,是时候从“过时或不再合适的东西”开始了。
Bootstrap框架最初由Twitter开发并开源,它已经成为web开发人员不可或缺的工具。它提供了一组随时可用的UI组件和一个网格系统,这对于需要在PC和移动浏览器中良好显示的自适应web页面是必不可少的。自Bootstrap诞生以来,它一直依赖于jQuery框架。jQuery框架最初创建于2006年,是有史以来最流行的JavaScript框架之一。它提供了强大的语言功能和跨浏览器兼容性,在这个时代,web技术正经历许多挑战和试验,以支持各种用例,从交互式web页面、单页应用程序、AJAX请求和移动web应用程序。
快进到2020年,随着JavaScript标准和主流web浏览器已经支持jQuery的大部分功能,Bootstrap团队决定继续前进。bootstrap5框架已将jQuery作为一项要求删除。它节省了85KB的精简JavaScript,这在Google开始将页面速度作为移动网站排名的一个因素时意义重大,很快,桌面网站也将如此。Bootstrap团队这样做是因为bootstrap5也不再支持internetexplorer。该团队注意到,所有受支持的浏览器都在vanilla JavaScript中提供jQuery替换特性。放弃IE浏览器的决定可能是因为IE的市场份额现在甚至在台式PC用户中也下降到了3%以下。
开发者Flavio Copes发表了一篇关于“2020年您应该使用还是学习jQuery”的文章,他指出了jQuery最流行特性的普通JavaScript替代品。这里有一些例子。
使用#或选择DOM元素。注释:document.querySelector('.button')
正在等待页面DOM加载:document.addEventListener(“DOMContentLoaded”,()=>{…})
执行AJAX请求:fetch('/api.json')。然后(response=>response.text())。然后(body=>console.log(body))
如果开发人员在2020年创建一个新的web应用程序,jQuery可能就不再是必需的了。web终于超越了jQuery。
删除IE的另一个好处是Bootstrap5支持CSS自定义属性。它们使CSS更加灵活,甚至可以编程。对于一些示例,请查看有关如何在bootstrap5中设置表样式的文档。
除了删除jQuery,Bootstrap5还带来了一些显著的特性。Bootstrap5有一个更新的UI外观和感觉,可以更加关注页面内容。它有一组经过重新设计、外观更好的自定义窗体控件。它也有一个新的标志和300多个额外的图标。对于大量使用图标的网站,新的SVG sprite允许开发人员在单个SVG文件中加载所有图标,然后根据需要使用它们。这可能会提高网站性能并提高HTML的可读性。
Bootstrap框架是麻省理工学院许可证下的开源软件。欢迎通过GitHub repo向团队提交bootstrap5alpha的bug和修复。
我们需要你的反馈