【推荐】前端框架 Bootstrap 5.0 alpha 发布,不再依赖 jQuery

我是小探花 2020-06-19 13:18:35 ⋅ 88 阅读
来源:https://www.oschina.net/news/116540/bootstrap-5-0-alpha-released

Bootstrap 团队发布了 Bootstrap 5 的 Alpha 版本。Bootstrap 5 的两个重要变化是,它不再依赖 jQuery,并且不再支持 Internet Explorer。针对 5.0 版本的其他改进还包括有:新的 API、对网格系统的更改以及改进的文档等。 

具体更新内容分如下:

新外观

以 v4.5.0 中文档首页的改进为基础,并为其余文档提供了更新的外观。文档页面不再全角显示,以提高可读性。此外,还升级了侧边栏,以使用可扩展部分(由 Collapse 插件提供支持)来实现更快的导航。

展示了一个全新的徽标,该徽标体现了规则集的感觉-由花括号包围的样式。随着时间的推移,它有望在 v4 的文档,博客以及更多内容中得到推广。

jQuery 和 JavaScript

Bootstrap 5 不再依赖 jQuery。该团队表示,删除 jQuery 是框架多年来最大的变化之一。十多年来,jQuery 允许访问复杂的 JavaScript 行为,但是随着时间的推移,前端开发工具和浏览器支持有了新的进步,因此这变得不再需要。删除 jQuery 依赖项将导致文件更小并提高页面加载速度。

v5 中的 JavaScript 进行了其他一些更改和增强,这些更改和增强侧重于代码质量并弥合 v4 和 v5 之间的鸿沟。更大的变化之一是放弃了 Button 插件的大部分,而仅使用 HTML 和 CSS 来切换状态。现在,切换按钮由复选框和单选按钮提供动力,并且更加可靠。

CSS 自定义属性

由于放弃了对 Internet Explorer 的支持,其已经开始在 Bootstrap 5 中使用 CSS 自定义属性。先前版本的 Bootstrap 仅具有用于颜色和字体的 CSS 选项,现在将添加对其他组件和布局选项的支持。 

改进的自定义文档

目前,已经在多个地方进行了改进,提供了更多的解释,消除了歧义,并为扩展 Bootstrap 提供了更多的支持。v5 的“自定义”文档在 v4 的“主题”页面上进行了扩展,提供了更多内容和代码段,可用于在 Bootstrap 的源 Sass 文件顶部构建。开发团队在此处充实了更多内容,甚至提供了一个 starter npm 项目,可让用户更快更轻松地开始使用。

其也在 v5 中扩展了调色板。借助内置的广泛颜色系统,用户可以更轻松地自定义应用程序的外观,而无需离开代码库。还改善色彩对比度,甚至在色彩文档中提供了色彩对比度指标。

更新表格

对“表单”文档和组件进行了全面修订。已经将所有表单样式合并到一个新的 Forms 部分(包括输入组组件)中,以给予他们应有的重视。除了新的文档页面,还重新设计和删除了所有表单控件的重复数据。 

该团队表示:“每个复选框、单选框、选择框、文件、范围等等都包含自定义外观,以统一跨 OS 和浏览器的表单控件的样式和行为。这些新的表单控件都是基于完全语义化的标准表单控件构建的,不再需要多余的标记,而仅是表单控件和标签。”

实用程序 API

Bootstrap 5还引入了新的实用程序 API,可用于创建实用程序以及修改或删除由Bootstrap创建的实用程序。“对于那些通过我们的源文件在 Bootstrap 上进行构建的人来说,这将改变游戏规则,如果您尚未以这种方式构建由 Bootstrap 驱动的项目,那么您将大为震惊。” 

增强型网格系统

网格系统也发生了一些变化。其将大部分构建系统(不包括 jQuery)保留在适当的位置,并且基于现有的网格系统进行了构建,而不是将其替换为更新的样式。

以下是网格中更改内容的摘要:

  • 添加了一个新的网格层。

  • .gutter类已被.g*实用程序代替,就像 margin/padding实用程序一样。还为网格装订线间距添加了与间距实用程序匹配的选项。

  • 表单布局选项已被新的网格系统替换。

  • 垂直间距类已添加。

  • 默认情况下,Columns 不再position: relative

文档

团队已经将其文档静态站点生成器从 Jekyll 切换到了 Hugo,从而使文档加载速度更快。 

此外,Bootstrap 团队还在探索一些新的功能,包括 RTL、offcanvas 菜单、Sass 模块系统、对 CSS 自定义属性的更多使用以及将 SVG 嵌入 HTML 而不是 CSS 中。 

详细信息:https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/



全部评论: 0

    我有话说:

    前端框架 Bootstrap 5 Beta 3 发布

    Bootstrap 5 Beta 3 现已发布,这是最后一个 Beta 版本。官方表示,该版本包括了一个新的组件、文档更新;同时还修复了一些自上个版本以来的重要 bug

    Bootstrap 4.6.0 发布前端开发框架

    Bootstrap 4.6.0 发布了。 v4.6.0 最大的变化是官方对开发环境进行了大的调整以匹配即将正式发布的 v5 版本。官方表示,目前 v4.x 版本的文档改为基于 Hugo

    前端框架 Angular 11.0.0 正式发布不再支持 IE 9 、10

    前端框架 Angular 11.0.0 正式发布。 Angular 11.0.0 将 TypeScript 升级到 4.0, 对 TypeScript 3.9 不再支持。 放弃了对 IE 9 、10

    【老兵不朽】时隔1年,jQuery 发布 3.4.0 新版

    jQuery 团队的核心开发者 Timmy Willison 在官网正式宣布 jQuery 3.4.0发布

    分库分表工具:Apache ShardingSphere 5.0.0-alpha 发布

    Apache ShardingSphere 5.0.0 发布alpha 版本,自上个版本 4.1.1 发布以来,Apache ShardingSphere 一直在修复社区反馈的问题、加强功能和

    Martian框架发布 3.0.3 版本,Redis分布式锁

    项目简介 Martian 是一个声明式 API 编程(DAP)框架,可以帮助你快速开发后端服务。 以HttpServer作为 http服务,彻底脱离Tomcat这一类的Web容器和Servlet

    Angular 11.0.0-rc.2 发布,Web 前端框架

    Angular 11.0.0-rc.2 现已发布,具体更新内容如下: Bug 修复 common:从r-> Y更改 week-numbering year 格式 compiler

    Angular 11.1.0-next.2 发布,Web 前端框架

    Angular 11.1.0-next.2 现已发布,具体更新内容如下: Bug 修复 animations:在浏览器动画生成器中实现 getPosition compiler-cli

    【开源资讯】JWCloud 专业版 v1.0.0 发布,基于 SpringCloud 研发的微服务框架

    简介 JavaWeb_Cloud 微服务平台是一款基于 SpringCloud 框架研发的分布式微服务框架,主要使用技术栈包括: SpringCloud、Vue、ElementUI

    微型Java开发框架Solon 1.1发布,QPS达10万+

    简介 Solon 是一个微型的Java开发框架。项目从2018年启动以来,参考过大量前人作品;历时两年,2700多次的commit;内核保持0.1m的身材,超高的Web跑分,良好的使用体验

    Taro 3.0.17 发布,BAT 小程序、H5 与 RN 端统一框架

    Taro 3.0.17 发布了。Taro 是一套遵循 React 语法规范的多端统一开发框架,支持用 React 的方式编写一次代码,生成能运行在微信小程序/百度智能小程序/支付宝小程序、H5

    Taro 3.0.22 发布,BAT 小程序、H5 与 RN 端统一框架

    Taro 3.0.22 发布了。Taro 是一套遵循 React 语法规范的多端统一开发框架,支持用 React 的方式编写一次代码,生成能运行在微信小程序/百度智能小程序/支付宝小程序、H5

    「尝鲜」SpringBoot 快速整合Swagger 3.0

    第一步:Maven引入Swagger3.0 starter依赖 Maven项目中引入springfox-boot-starter依赖: <dependency> <

    推荐一款功能强大,开源免费的H5可视化编辑器

    H5-Dooring 是一款功能强大,开源免费的H5可视化页面配置解决方案,致力于提供一套简单方便、专业可靠、无限可能的H5落地页最佳实践。技术栈以react为主, 后台采用nodejs开发. 预览

    Python ORM框架SQLAlchemy 1.3.20 发布

    SQLAlchemy 1.3.20 发布了。SQLAlchemy 是一个 Python 的 SQL 工具包以及数据库对象映射(ORM)框架。它包含整套企业级持久化模式,专门用于高效和高性能的数据库

    Gradle 5.0 RC2 发布,支持 Java 11、Kotlin DSL 生产就绪

    Gradle 5.0 RC2 发布了,Gradle 是一个基于 Apache Ant 和 Apache Maven 概念的项目自动化构建工具,支持依赖管理和多项目,类似 Maven,但比之简单轻便。

    推荐一款前端数据源管理工具 algeb

    ALGEB 简介 这是一个比较抽象的库,一开始可能比较难理解。我写它的初衷,是创建可响应的数据请求管理。在传统数据请求中,我们只是把携带ajax代码的一堆函数放在一起,这样就可以调用接口。但是这种方案不是很灵活,无法解决共享数据源,数据没回来时怎...

    Symfony 5.2.0 发布,经典 PHP Web 开发框架

    Symfony 是一款基于 MVC 架构的 PHP 框架,致力于减少重复代码的编写,以加速 Web 应用的开发和维护。Symfony 与许多关系型数据库集成的也非常好,成本也较小

    gitee 拥有3.7k星星的极速后台框架—FastAdmin了解一下

    FastAdmin 是一款基于 ThinkPHP5 + Bootstrap 的极速后台开发框架