jQuery 4.0 测试版发布,不再支持 IE 10,体积更小,性能更好

jQuery 最近发布了测试版,这个版本除了带来了错误修复和性能提升之外,其中最值得注意的就是 jQuery 4.0 放弃了对 IE 10 及更低版本的支持,这不仅降低了文件大小,并且更好地适应现代 Web 标准,

此外此次更新还包含:清除多余代码、淘汰已废弃的 API、移除未发布的内部参数,以及简化过于复杂的“魔法”行为。

jQuery 项目进展并不快,上一个主要版本 jQuery 3.0 是在 2016 年 6 月发布,而 4.0 曾计划于 2022 年发布,结果跳票了几次,所以差不多8年时间了。

jQuery 4.0 最显著的升级就是放弃了对 IE 10 及更低版本的支持,并且预计在下一个版本 jQuery 5.0 发布的时候将彻底放弃对 IE 11 即所有 IE 浏览器的支持。

这次更新移除了专门为旧版本 IE 设计的代码,使代码库更加高效,文件大小就减少了 867 字节,并且是gzip 压缩之后的大小,对其他过时浏览器的支持也同时删除了,如 Edge Legacy(不基于 Chromium 引擎)、iOS 11 之前的老版本、Firefox 65 之前的老版本等。如果你的用户还在使用这些浏览器,那么建议你继续使用 jQuery 3.x 版本。

下面这些函数要么是内部使用的,要么现在所有支持的浏览器中都有原生相同功能的函数,jQuery 已经在之前几个版本中就被弃用它们,4.0 又是一个主要版本,所以是时候彻底移除它们了。

  • jQuery.cssNumber
  • jQuery.cssProps
  • jQuery.isArray
  • jQuery.parseJSON
  • jQuery.nodeName
  • jQuery.isFunction
  • jQuery.isWindow
  • jQuery.camelCase
  • jQuery.type
  • jQuery.now
  • jQuery.isNumeric
  • jQuery.trim
  • jQuery.fx.interval

如果你在项目中使用了这些函数,请务必使用相应的原生方法或替代函数更新它,以确保与 jQuery 4.0 兼容。

移除一些特定方法:jQuery 4.0 移除了一些内部使用的数组方法,包括 pushsortsplice,开发者如果是用了这些内部方法,记得使用标准数组方法去代替这些方法。

事件顺序变化:为了符合最新的W3C规范,jQuery 4.0 中 focusinfocusout 事件的处理顺序发生了变化,新的顺序是:blur -> focusout -> focus -> focusin,这可能会影响依赖旧顺序的插件或代码,开发者也要注意下。

添加 FormData 支持:jQuery.ajax 现在可以自动处理二进制数据,包括 FormData,无需额外配置。

移除 JSONP 自动转换:jQuery 4.0 不再自动将 dataType: \”json\” 和提供的回调函数转换为 JSONP 请求,现在推荐使用 CORS 进行跨域操作,因为它在 jQuery 4.0 所有支持的浏览器中都有效,并且有助于避免在不知情的情况下执行跨域的代码。

时至今日,jQuery 依然是网络上运行时间最长、最具影响力的 JavaScript 库之一,根据 BuiltWith 的统计数据,排名前 100 万的网站中超过 60% 以某种方式使用 jQuery,其中最大的原因是 WordPress 内置了 jQuery,相信 4.0 发布之后,WordPress 也会很快在其新版本中集成 jQuery 4.0。

很多程序员不再使用 jQuery 作为 JavaScript 的框架,但是其庞大遗留代码库使得它可能还会存在很长时间,至少它会在未来依旧会在数千万个 WordPress 网站中存在,如果你和我一样纯后端程序员,希望自己简单操作一下页面,那么 JQuery 依旧是最方便使用的 JavaScript 库。

在w3cschool上学完html、css后要怎么提升

原标题:在w3cschool学完html,css,javascript,jquery以后,还是不会做前端怎么办?

w3cschool是一个非盈利性的在线技术学习网站,提供按W3C标准编写的基础教程。完整的看完w3cschool上面的手册,可以基本掌握编程语法。基础性的东西通常都会比较零散,因此,在学习一段时间后,容易进入迷茫期。感觉学了挺多东西,但是不知道如何形成一个完整的项目。

这个时候,最重要的是多动手(找一些网站仿着做),只有多做才能逐步找到自己不懂的东西,找资料学习。工作中遇到的坑太多,只学w3cschool上面的知识当然远远不够。

在学完w3cschool上面的知识之后,可以从这些方式来提升:

➤看书

掌握理论知识,梳理js的知识结构,还可以应付面试官~书籍推荐《CSS权威指南》、《 JavaScript高级程序设计》、《深入浅出Node.js》、《高性能JavaScript》等。

➤网络资源

网上有非常多的论坛、博客(可以去知乎搜),一些资源推荐:

CSS 编写规范 http://cssguidelin.es/

前端性能优化的24种方法 http://browserdiet.com/en/

学习js正确的方法 JS: The Right Way

很有趣的js编程教材(才出的) Eloquent JavaScript

设计师写的js入门教程,页面很赞 http://rachelnabors.com/javascript-for-designers/#slide-0

CSS女神开发的正则表达式工具,超赞: RegExp playground

➤视频

国内有慕课网、极客学院、网易云课堂,国外有meteor、Youtube等。

➤多读源码、框架

学习框架主要要学习原理和内部的思想,了解为什么要有这款框架,这款框架究竟解决了什么痛点问题。而且,学习这些东西还要了解很多与这框架相关的生态系统才能更好的应用。具体到学习方法,就是多看项目,做好笔记,多写项目。

中/高级前端需要会的技能包括:

  1. HTML(5)、CSS、SASS / SCSS,LESS;

  2. Backbone、Angular、Knockout;

  3. 响应式网页设计(例如Bootstrap知识、Foundation等);

  4. Adobe Photoshop、Magento;

  5. 源控制和某种形式的客户端单元测试的知识.

最后,实践出真知,只有多做才能精通。

公众号:w3cschool技术教程

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com

点赞 0
收藏 0

文章为作者独立观点不代本网立场,未经允许不得转载。