和 jQuery 说再见,Bootstrap 5 将移除对其依赖

最新版Bootstrap5教程——Bootstrap5基础   Bootstrap是由推特设计师Mark OttoJacob Thornton合作开发的一款基于HTML、CSS、JavaScript的前端开源框架,使用简洁灵活,让web开发更加快速简单。  Bootstrap现在最新的版本为v5.2.0-beta1,现在介绍一下Bootstrap5相对于以前版本的改变。 阅读详情

(给技术最前线加星标,每天看技术热点)

转自:开源中国社区

Bootstrap 最新版本 4.3.1 已发布,作为 Bootstrap 4.3 发布的一部分,团队也公布了下一个主要版本 Bootstrap 5 的开发计划。

开发团队表示在发布 v4.3 版本后,将会在开发 Bootstrap 5 的过程中实现一些关键变化,或许会是重大的变化,而这也将被认为是 Bootstrap 5 的基础。开发团队重点提到了以下几方面:

  • 放弃 jQuery:Bootstrap 5 将删除 jQuery 作为依赖项。开发团队已经在这方面工作了很长时间,PR 也是处于正在进行中并已接近完成的状态

    (https://github.com/twbs/bootstrap/pull/23586)

  • 改进开发分支:v3-dev 分支将成为 master 分支;v4-dev 则保持原样,不过会从该分支切出一个新的 master 分支来开发 v5 版本

  • 从 Jekyll 迁移到 Hugo:目前已有一个 PR 正在进行并且已接近完成

    (https://github.com/twbs/bootstrap/pull/28014)

移除 jQuery 这个最大的依赖之后,开发团队表示未来将使用原生的纯 JavaScript 来代替 jQuery。这和去年 GitHub 改版重构页面时移除了 jQuery 的举措有点像。

当时 GitHub 的前端团队趁着改版的机会,在重构页面时乘机移除了其中的 jQuery,并且没有使用其它框架来代替 jQuery,而是使用原生 JavaScript:

  • 用 querySelectorAll 来查询 DOM 节点

  • 使用 fetch 代替 ajax(在不支持的浏览器上使用 XHR)

  • 使用代理事件来进行事件处理

  • 为一些尚未实现的 DOM 标准写了 polyfill

  • 更多地使用自定义元素 (CustomElement)

640?wx_fmt=png

640?wx_fmt=png

640?wx_fmt=png

可以看到,在 Bootstrap 5 中移除 jQuery 这个 PR 从提出到今天已经经历了一年半的时间,目前包含了 74 个 commits,正处于 Open 的状态,还有待解决的冲突。

推荐阅读

(点击标题可跳转阅读)

觉得这条资讯有帮助?请转发给更多人

关注 技术最前线 加星标看 IT 要闻

640?wx_fmt=png

喜欢就点一下「好看」呗~

统信UOS系统网络服务异常排查:WIFI图标消失与网络设置缺失的解决方案 本文详细解析了统信UOS系统WIFI图标消失与网络设置缺失的常见问题,提供了从基础修复到进阶排查的完整解决方案。重点分析了NetworkManager服务异常的根本原因,包括系统更新中断、权限配置错误等,并给出实用的命令行操作指南预防措施,帮助用户快速恢复网络功能。 阅读详情

相关推荐

动态知识图谱构建:从本体论到工程实践

知识图谱作为语义网人工智能领域的核心技术,旨在通过结构化的方式表示组织知识。其核心原理在于将实体、概念及其关系建模为图结构,从而支持复杂的语义推理关联查询。这一技术为机器理解数据间的深层联系提供了基础,在智能推荐、企业知识管理学术研究等领域具有重要价值。通过结合自然语言处理(NLP)图数据库技术,系统能够从非结构化数据中自动抽取知识,并构建动态演化的认知网络。本文以“本体论章鱼”项目为例,探讨了如何实现从静态本体到动态知识网络的范式转变,并详细解析了其分布式感知、适应性学习的架构设计,为构建灵活可

weixin_30731305的博客 621

bootstrap5引入jquery,为何下拉菜单dropdowns还是无效果

先前的一些bootstrap.js的版本中,比如3的版本中,如果要在web网页之中实现下拉菜单dropdowns组件的下拉效果,那么通常的做法是引入jquery.js这一JavaScript的框架,而且在html中必须写在bootstrap.js的前面。引入bootstrap5框架中自带的bootstrap.bundle.js(或bootstrap.bundle.min.js),通常情况下,下载的文件解压之后在js的文件夹之中;如果使用bootstrap5来实现下拉菜单的下拉效果,那么html问昂中应该。

weixin_47378963的博客 619

gem5 run parsec2.1 ---- 亲测跑通教程

使用gem5模拟仿真parsec2.1,排除了各种bug,成功跑通,亲测有效!!!

m0_55539563的博客 1531

基于最新版Bootstrap 5 前端开发框架 最新版jQuery v3.6.1 的JavaScript框架的图书管理系统

基于最新版Bootstrap 5 前端开发框架 最新版jQuery v3.6.1 的JavaScript框架的图书管理系统

LittleSnail的博客 1256

情人“劫”,再见 jQueryBootstrap 5 将删除 jQuery 作为依赖项!

即 Github 移除 jQuery 后,Bootstrap 最近也宣布将在 V5 版本剔除 jQuery,以后将依赖 jQuery 了。 再见 jQueryjQuery 作为非常优秀的开源基础类库,为什么先后被各大组织剔除了呢? 这是因为国外已经全部开始支持使用 HTML5 了,而我们还有些在用 IE 6。抛弃 jQuery 这股风,早晚会吹到国内的技术圈! 正所谓:“时...

xmt1139057136的专栏 3230

jQuery 再见Bootstrap 5移除对其依赖

继去年 7 月,GitHub 前端团队公开表示在GitHub 网站重构过程中弃用 jQuery,并改用原生的 JS 之后,来自 Twitter 的知名前端框架Boot...

CSDN资讯 3428

Bootstrap 5 jQuery 再见,将移除对其依赖

(给前端大全加星标,提升前端技能)转自:开源中国Bootstrap 最新版本 4.3.0 已于昨天发布(https://blog.getbootstrap.com/201...

前端大全 1751

jquery 移除子节点_Bootstrap 5 jQuery 再见,将移除对其依赖

(给前端大全加星标,提升前端技能)转自:开源中国Bootstrap 最新版本 4.3.0 已于昨天发布(https://blog.getbootstrap.com/2019/02/11/bootstrap-4-3-0/),作为 Bootstrap 4.3 发布的一部分,团队也公布了下一个主要版本 Bootstrap 5 的开发计划。开发团队表示在发布 v4.3 版本后,将会在开发 Boo...

weixin_34420979的博客 134

jquery 点击完成_ jQuery 再见Bootstrap 5移除对其依赖

点击右上方,关注开源中国OSC头条号,获取最新技术资讯Bootstrap 最新版本 4.3.1 已发布,作为 Bootstrap 4.3 发布的一部分,团队也公布了下一个主要版本 Bootstrap 5 的开发计划。开发团队表示在发布 v4.3 版本后,将会在开发 Bootstrap 5 的过程中实现一些关键变化,或许会是重大的变化,而这也将被认为是 Bootstrap 5 的基础。开发团队重点提...

weixin_42303285的博客 175

Bootstrap 5 jQuery 再见,将移除对其依赖:15篇前端热文回看

(给前端大全加星标,提升前端技能)本文精选了「前端大全」2019 年 2 月的 15 篇热门文章。其中有技术分享技术资源。注:以下文章,点击标题即可阅读《Bootstr...

前端大全 439

终极指南:如何使用jquery-dropdown打造无依赖Bootstrap风格下拉菜单

jquery-dropdown是一个轻量级的JavaScript插件,它能帮助开发者轻松实现Bootstrap风格的下拉菜单,且无需依赖完整的Bootstrap框架。这个插件仅外观与Bootstrap下拉菜单几乎一致,还添加了如滚动功能、提示框等实用特性,非常适合需要在现有项目中快速集成高质量下拉菜单的场景。 ## 为什么选择jquery-dropdown? 在Web开发中,下拉菜单是常见的

gitblog_00313的博客 990

Bootstrap 5移除jQuery依赖 Bootstrap 5如何使用jQuery

Bootstrap 5 移除 jQuery 依赖,改用原生 DOM API ES6+ 类构造器(如 bootstrap.Modal),data-bs-* 属性仍有效但需 DOM 就绪,事件绑定改为 addEventListener,方法调用变为实例方法。bootstrap 5 彻底移除了对 jquery依赖,所有 js 组件(比如 modal、dropdown、toast)现在都基于原生 dom api es6+ 语法实现。管用,但有前提:你没动过默认行为,也没手动 new 实例覆盖它。

2401_87169652的博客 177

jQuery vs Bootstrap:全面对比

jQueryBootstrap是两种同的前端工具:jQuery是JavaScript库,专注于简化DOM操作、事件处理AJAX;Bootstrap是CSS框架,提供响应式布局预制UI组件。两者曾紧密关联(Bootstrap早期依赖jQuery),但Bootstrap 5已独立。现代开发中,jQuery逐渐被原生JS取代,而Bootstrap仍广泛用于快速构建响应式界面。选择依据:需要复杂JS逻辑选jQuery,追求快速UI开发选Bootstrap,现代项目可组合使用Bootstrap与原生JS或主流

echo的博客 1258
上一篇: IBM 向所有云平台开放 Watson;百度变更工商信息前即投产医疗器械,涉嫌行政违法...
下一篇: 谷歌即将开放 .dev 顶级域名注册;喜达屋发布工具帮助客户查询信息是否被窃...
redditnote
博客等级 码龄12年 51粉丝 145原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值