继去年 7 月,GitHub 前端团队公开表示在 GitHub 网站重构过程中弃用 jQuery,并改用原生的 JS 之后,来自 Twitter 的知名前端框架 Bootstrap 团队于近日也表示,将在下一版本的 Bootstrap 5 中删除 jQuery 作为依赖项。而以“Write Less,Do More”为宗旨的 jQuery 为何接二连三地被人抛弃?

作者 | 局长

本文经授权转载自开源中国(ID:oschina2013)

近日,Bootstrap 发布了最新版本 4.3.0(https://blog.getbootstrap.com/2019/02/11/bootstrap-4-3-0/),作为 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,而是使用原生 JS:

  • 用 querySelectorAll 来查询 DOM 节点

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

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

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

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

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

 热 文 推 荐 

百度遭处罚;科大讯飞回应裁员;苹果推万元中国红手机 | 极客头条

相比 App,Web 开发竟更适合初创公司?

为什么要使用 SQLite 数据库?

嫁人当嫁程序员

分布式系统与消息投递

回乡偶记|从这个四省交界的苏北大城, 看二三线城市区块链现状

嫁人当嫁程序员

百度发力医疗器械?回应称为了公益捐赠

print_r('点个好看吧!');
var_dump('点个好看吧!');
NSLog(@"点个好看吧!");
System.out.println("点个好看吧!");
console.log("点个好看吧!");
print("点个好看吧!");
printf("点个好看吧!\n");
cout << "点个好看吧!" << endl;
Console.WriteLine("点个好看吧!");
fmt.Println("点个好看吧!");
Response.Write("点个好看吧!");
alert("点个好看吧!")
echo "点个好看吧!"

点击“阅读原文”,打开 CSDN App 阅读更贴心!

喜欢就点击“好看”吧!

和 jQuery 说再见!Bootstrap 5 将移除对其依赖相关推荐

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

    Bootstrap 最新版本 4.3.1 已发布,作为 Bootstrap 4.3 发布的一部分,团队也公布了下一个主要版本 Bootstrap 5 的开发计划. 开发团队表示在发布 v4.3 版本后 ...

  2. html5拖动的面板 panel,基于jQuery UI的Bootstrap Panel面板功能增强插件

    LobiPanel是一款基于jQuery UI的Bootstrap Panel面板功能增强插件.通过该插件可以为Bootstrap的原生Panel面板增加编辑标题,最大化,最小化,面板拖动关闭面板等功 ...

  3. jquery 替换括号里面内容_【推荐】前端框架 Bootstrap 5.0 alpha 发布,不再依赖 jQuery...

    来源:https://www.oschina.net/news/116540/bootstrap-5-0-alpha-released Bootstrap 团队发布了 Bootstrap 5 的 Al ...

  4. jQuery/Zepto的Bootstrap轮播图中图片自适应宽高并居中插件

    2019独角兽企业重金招聘Python工程师标准>>> 今天写了一下午带晚上的jQuery/Zepto的Bootstrap轮播图插件,功能是能够根据当前较短的一边实现自适应宽度,并且 ...

  5. 吴裕雄 Bootstrap 前端框架开发——Bootstrap 排版:移除默认的列表样式

    <!DOCTYPE html> <html><head><title>菜鸟教程(runoob.com)</title> <meta n ...

  6. JQuery 样式设置、追加、移除与切换

    有了JQuery,元素的样式操作会变得相当简易.下面我们来看看如何使用JQuery来实现元素样式的获取.设置.追加.删除以及其它一些操作. 获取与设置样式 获取class和设置class都可以使用at ...

  7. jQuery版本不符合bootstrap的要求而报错

    报错如下: Uncaught Error: Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than ...

  8. JQuery Datatables 在Bootstrap tab中列名无法对齐的问题

    如下图所示: 增加一句代码即可: $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {//当切换tab时,强制重新 ...

  9. jquery 国际短信区号 鼠标移上实现下拉选择

    在这里插入代码片@TOC <style>.inputDiv{width:100%;height:40px;position: relative;margin-bottom:24px;}.p ...

最新文章

  1. 调查问卷_员工满意度调查问卷
  2. 中班机器人上课视频_中班机器人律动公开课
  3. Webpack vs Rollup
  4. 【干货】网管的三个重要服务:AAA、NTP和SYSLOG
  5. 好代码是管出来的——使用GitHub实现简单的CI/CD
  6. php面向对象教学笔记,php学习笔记之面向对象编程
  7. nnlm代码解读链接
  8. maven项目pom中scope类型
  9. vbs按钮传递过程_iOS面试题:事件传递和响应机制
  10. 《货币战争》的一点感想
  11. Android播放音频的两种方式
  12. DSPE;CAS:1069-79-0 ;二硬脂酰基磷脂酰乙醇胺;功能化磷脂
  13. 双击jar包无法运行
  14. R语言中的“<-” 、 “=” 、“->”
  15. xen(三)xl 工具使用
  16. 完美解决64位操作系统配置 php无法加载mysql模块问题
  17. 联想品牌日薄西山,多家新兴企业超越它
  18. 如何用Machinations示意图来模拟《吃豆人》的游戏机制?
  19. 抖音小姐姐属于你的四种姿势
  20. The Joy of Living 生活的乐趣

热门文章

  1. hive导数据到mysql 自增主键出错_面试官:MySQL表设计要注意什么?
  2. python set() 和 dict()
  3. Pytorch深度学习实战项目回顾
  4. Flutter基础—开发环境与入门
  5. 农业灌溉泵行业调研报告 - 市场现状分析与发展前景预测
  6. 2021年中国余热回收锅炉市场趋势报告、技术动态创新及2027年市场预测
  7. html点导航栏换图片,jQuery点击导航栏选中更换样式的实现代码
  8. Ant Design Switch 随机生成bool开关 代码片段
  9. 遇到的坑_那些年跟团游遇到的坑,花了很多钱才发现自己被坑了
  10. 感谢3G,告别3G:开启移动互联网时代的“功臣”退出历史舞台