首页
学习
活动
专区
圈层
工具
发布

Github 移除 JQuery 的过程

本文翻译自Removing jQuery from GitHub.com frontend https://github.blog/2018-09-06-removing-jquery-from-github-frontend...在这篇文章中,我们将解释一点我们最初是如何开始依赖jQuery的,我们是如何意识到不再需要jQuery的,并指出我们没有用另一个库或框架替换它,而是能够使用标准的浏览器api实现所需的一切。...为什么jQuery在早期就有意义 GitHub.com在2007年底引入jQuery 1.2.1作为依赖项。从某种意义上讲,那是谷歌发布其Chrome浏览器第一个版本的前一年。...为了方便使用自动化,我们创建了eslint插件jquery,如果有人试图使用jquery特性(例如$.ajax),它将使CI检查失败。...我们维护了一个jQuery的定制版本,当我们发现不再使用jQuery的某个模块时,我们会将其从定制版本中删除并发布一个更精简的版本。

2.9K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    移除Blog对jQuery的依赖 By HKL, Tues

    1.由于博客其实动态功能并不多,而且很多都是多年前完全不懂前端的情况下写的,所以有些功能没有考虑好,现在再看了一下前端代码部分,发现很多DOM操作已经完全没有必要去用jQuery了,以后再加新功能也不会用到...jQuery的特性,所以计划改写jQuery部分为原生javascript。...2.逐步改写 (1)部分插件的改用 主要是博客使用了Bootstrap的框架,所以官方的Bootstrap部分功能是依赖jQuery的,这个直接替换成Bootstrap.native了 另外一个就是timeago...的实现替换了jquery.timeago为使用原生js的timeago (2)DOM操作部分 原来博客主要通过jQuery做了许多DOM操作,例如Query Selector,这部分参考了You-Dont-Need-jQuery...进行改写 (3)特殊部分 有一些jQuery特有的方法通过事件绑定重新实现了功能 3.The code (1)timeago binding former timeago().render($('time.timeago

    1.7K40

    JavaScript、Jquery获取屏幕的宽度和高度

    在日常的项目中经常需要获取屏幕的宽度或者高度,简单记录一下: Javascript方法获取: document.body.clientWidth //网页可见区域宽 document.body.clientHeight...网页正文部分左 window.screen.height //屏幕分辨率的高 window.screen.width //屏幕分辨率的宽 window.screen.availHeight //屏幕可用工作区高度...window.screen.availWidth //屏幕可用工作区宽度 JQuery方法获取: ($(window).height()); //浏览器当前窗口可视区域高度 ($(document)....height()); //浏览器当前窗口文档的高度 ($(document.body).height());//浏览器当前窗口文档body的高度 ($(document.body).outerHeight...(true));//浏览器当前窗口文档body的总高度 包括border padding margin ($(window).width()); //浏览器当前窗口可视区域宽度 ($(document)

    7.5K00

    GitHub在其网站实现中移除对jQuery的使用

    Mislav说的大致意思就是: 他们终于完成了将jQuery从Github.com的前端代码中移除的工作,并用其他一些方式替代原先jQuery做的工作,比如: 用原生的querySelectorAll...(即document.querySelector()方法)去替代jQuery选择器的功能 用fetch替代jQuery的ajax请求功能 用delegated-events替代jQuery的事件处理功能...其实,以我的观点,Github在重构中移除jQuery,这并不是为了否认jQuery的价值,认为jQuery“不行了”,而只是为了更加突出对标准的关注,时代总是在不断发展,更先进的理念和标准被创造出来,...对于jQuery,我们知道自从那个前端工具库开荒时代以来,jQuery从一大批开荒者中(Prototype、YUI、Dojo、Mootools...)脱颖而出,以优秀的浏览器兼容性、强大的功能、简洁的语法...jQuery也同时提供了兼容低版本浏览器和只支持现代浏览器的版本,我们可以按照项目的实际需要来选择使用。

    1.1K40

    终于有人对 jQuery下手了,一键移除项目对它的依赖

    虽然现在很多前端项目都在用Vue、React,但依赖jquery的项目也不少,尤其是年代比较久远的项目,那些还正在维护jquery项目的你,是否想将jquery从你的项目中移除?...最近新发现了一个有意思的工具,仅上线2周,就有600+的Star,它说能帮助你的项目脱离对jquery的依赖,感觉是个不错的想法,一起来看看吧~ 使用方式 这个工具的名字叫replace-jquery...replace-jquery 工具试着移除一下 main.js 中的jquery代码 先全局下载一下 npm install -g replace-jquery 然后在项目目录使用,语法为replace-jquery...目标js文件 生成的js文件 replace-jquery main.js newMain.js 该工具会自动找到你文件中所有用到的jquery方法。...补充 如果你想用该工具生成jquery所有api的替代文件,即生成一个super-mini-jquery,你可以这么做 replace-jquery --build-all super-mini-jquery.js

    65420

    终于有人对 jQuery下手了,一键移除项目对它的依赖

    虽然现在很多前端项目都在用Vue、React,但依赖jquery的项目也不少,尤其是年代比较久远的项目,那些还正在维护jquery项目的你,是否想将jquery从你的项目中移除?...最近新发现了一个有意思的工具,仅上线2周,就有600+的Star,它说能帮助你的项目脱离对jquery的依赖,感觉是个不错的想法,一起来看看吧~ 使用方式 这个工具的名字叫replace-jquery...replace-jquery 工具试着移除一下 main.js 中的jquery代码 先全局下载一下 npm install -g replace-jquery 然后在项目目录使用,语法为replace-jquery...目标js文件 生成的js文件 replace-jquery main.js newMain.js 该工具会自动找到你文件中所有用到的jquery方法。...补充 如果你想用该工具生成jquery所有api的替代文件,即生成一个super-mini-jquery,你可以这么做 replace-jquery --build-all super-mini-jquery.js

    74020
    领券