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

Bertha 。 2022-02-19 08:59 203阅读 0赞

#### 前言 ####

> jQuery 团队的核心开发者 Timmy Willison 在官网宣布了[ jQuery 3.4.0][jQuery 3.4.0]，这距离上个版本 [3.3.x 系列][3.3.x]的推出已整整过去了一年多。

**官方表示这可能是 3.x 分支的最后一个小版本更新，接下来的工作重心将是 jQuery 4.0 大版本的更新。**

#### 新版本特性 ####

##### 1、针对 .width 和 .height 的性能改进 #####

在获取和设置维度时，在某些情况下，这可能会导致布局颠簸，这基本上意味着浏览器计算布局的次数超过了必要的次数。我们在IE以外的所有浏览器中修复了这个问题，这是无法避免的。

##### 2、支持 nonce 和 noodle #####

为了支持通过.html和.append等方法添加脚本元素，jQuery将它们分开并附加新的脚本标记来加载和执行远程内容。在这个过程中，诸如nonce和nomodule被忽略的属性，但jQuery 3.4.0现在挂在它们上面。

##### 3、针对 Radio 元素新增事件处理程序中的预期状态 #####

在以下示例中，true第一次单击该元素时记录了该日志。我们修复它，以便checked在执行事件处理程序之前更新属性。  
**代码示例：**

var $radios = jQuery(".example");
    var $firstRadio = $radios.first();
    var firstCheckedState = $firstRadio.prop("checked");
    $radio.on("click", function() {
      // true in <3.4.0
      console.log($firstRadio.prop("checked") === firstCheckedState);
    });
    $radios.eq(1).click();

##### 4、针对 Object.prototype pollution 问题的小修复 #####

Query 3.4.0在使用时包含一些非预期行为的修复`jQuery.extend(true, {}, ...)`。如果未过滤的源对象包含可枚举`__proto__`属性，则它可以扩展本机Object.prototype。这个修复包含在jQuery 3.4.0中，但[补丁差异][Link 1]存在以修补以前的jQuery版本。  
**代码示例：**

jQuery.extend(true, {},
      JSON.parse('{"__proto__": {"test": true}}')
    );
    console.log( "test" in {} ); // true

##### 5、弃用positional selectors and the sunset of Sizzle #####

jQuery的基本API是选择一些内容，然后对所选内容执行某些操作。Sizzle，jQuery中的选择器引擎，处理上半部分。它是一个快速有效的小引擎，为原生选择器API querySelectorAll和其他原生JavaScript和CSS选择器铺平了道路。现在很多这些选择器已经进入现代浏览器，现在几乎是时候告别Sizzle了。但是为了在jQuery 4.0中删除Sizzle，我们还需要删除我们称为位置选择器的东西，它们是非标准选择器。

具体而言，jQuery的3.4.0被弃用\*\*:first，:last，:eq，:even，:odd，:lt，:gt，和:nth\*\*。当我们删除Sizzle时，我们将用一个小包装器替换它，querySelectorAll如果没有更大的选择器引擎，几乎不可能重新实现这些选择器。

我们认为这种权衡是值得的。请记住我们仍然会支持的位置方法，如.first，.last和.eq。你可以用位置选择器做任何事情，你可以用位置方法来做。无论如何，它们表现更好。

#### 升级 ####

如果从jQuery 3.0+升级，应该没有兼容性问题。

#### 更新日志 ####

##### 1、Ajax #####

*  当使用脚本传输允许自定义属性（[＃3028][3028]，[1f4375a3][]）
 *  修复IE11的getResponseHeader（key）（[＃3403][3403]，[e0d94115][]）

##### 2、Core #####

*  使用isAttached检查元素的附件（[662083ed][]）
 *  微小的效率修复可jQuery.extend / 1.3中（＃4246）（[＃4245][4245]，[4ffb1df8][]）
 *  保留在DOM操作与src属性的脚本CSP的随机数（[＃4323][4323]，[00504037][]）
 *  在DOM操作中保留脚本上的CSP nonce（[＃3541][3541]，[c7c2855e][]）
 *  支持通过随机数通过jQuery.globalEval（[＃4278][4278]，[5bdc85b8][]）
 *  识别阴影DOM在附件检查（[＃3504][3504]，[9b77def5][]）
 *  防止$ .extend（true，…）的Object.prototype污染（[753d591a][]）

##### 3、CSS #####

*  确保CSS变量不会折叠[camel- vs kebab-cased][]名称（[f8c1e902][camel- vs kebab-cased]）
 *  避免填满jQuery.cssProps（[＃3986][3986]，[2b5f5d5e][]）
 *  正确地检测与非默认缩放滚动框支持（[＃4029][4029]，[821bf343][]）
 *  不要自动追加“PX”到CSS的变量（＃4064）（[＃4063][4063]，[75b77b48][]）
 *  跳过非元素道具动画的px- [appending][]逻辑（[f5e36bd8][appending]）
 *  除非必要，否则避免在宽度/高度吸气剂中强制回流（[＃4322][4322]，[a0abd15b][]）
 *  除非必要，否则不要在宽度/高度cssHook中读取styles.position（[＃][Link 2][4185,354f6036][4185_354f6036]）
 *  不要将“px”自动附加到可能无单位的CSS网格属性（[＃4007][4007]，[f997241f][]）

##### 4、外形尺寸 #####

*  修复SVG上的计算外部宽度（[＃3964][3964]，[e743cbd2][]）
 *  避免设置宽度/高度时，取boxSizing -这避免了迫使在某些情况下回流（[＃3991][3991]，[73d7e625][]）
 *  回落到offsetWidth /身高的边界框在IE（[＃4102][4102]，[315199c1][]）

##### 5、事件 #####

*  阻止来自双击焦点的leverageNative（[fe5f04de][]）
 *  添加“代码”属性，事件对象（[＃3978][3978]，[899c56f6][]）
 *  利用原生事件进行聚焦/模糊/点击; 传播的附加数据（[＃1741][1741]，[＃3423][3423]，[＃3751][3751]，[＃4139][4139]，[669f720e][]）
 *  尊重DOM操作中的脚本nomodule属性（[＃4281][4281]，[e4de8b46][]）
 *  恢复\_evalUrl jQuery.ajax调用dataType：script（[13de7c9e][]）
 *  仅评估HTTP成功的脚本src（[＃4126][4126]，[c2026b11][]）

#### 精彩评论 ####

![精彩评论][1240]

![精彩评论][1240 1]

## 贡献者 ##

*  [IT实战联盟-Line][IT_-Line]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poZW5naGhneg_size_16_color_FFFFFF_t_70]

[jQuery 3.4.0]: http://blog.jquery.com/2019/04/10/jquery-3-4-0-released/
[3.3.x]: https://www.oschina.net/news/92611/jquery-3-3-1
[Link 1]: https://github.com/DanielRuf/snyk-js-jquery-174006?files=1
[3028]: https://github.com/jquery/jquery/issues/3028
[1f4375a3]: https://github.com/jquery/jquery/commit/1f4375a34227f42570d2b72e190e51bcfb1e8597
[3403]: https://github.com/jquery/jquery/issues/3403
[e0d94115]: https://github.com/jquery/jquery/commit/e0d941156900a6bff7c098c8ea7290528e468cf8
[662083ed]: https://github.com/jquery/jquery/commit/662083ed7bfea6bad5f9cd4060dab77c1f32aacd
[4245]: https://github.com/jquery/jquery/issues/4245
[4ffb1df8]: https://github.com/jquery/jquery/commit/4ffb1df8e4738eb86bde429ec20efc7394e5e497
[4323]: https://github.com/jquery/jquery/issues/4323
[00504037]: https://github.com/jquery/jquery/commit/005040379d8b64aacbe54941d878efa6e86df1cc
[3541]: https://github.com/jquery/jquery/issues/3541
[c7c2855e]: https://github.com/jquery/jquery/commit/c7c2855ed13f23322c4064407c1ed84561b95738
[4278]: https://github.com/jquery/jquery/issues/4278
[5bdc85b8]: https://github.com/jquery/jquery/commit/5bdc85b82b84e5459462ddad9002f22d1ce74f21
[3504]: https://github.com/jquery/jquery/issues/3504
[9b77def5]: https://github.com/jquery/jquery/commit/9b77def560212d12fef2d0b9c12aa50727e3e5d7
[753d591a]: https://github.com/jquery/jquery/commit/753d591aea698e57d6db58c9f722cd0808619b1b
[camel- vs kebab-cased]: https://github.com/jquery/jquery/commit/f8c1e9020c8fd0f0bb83019bfb12e9a7099599b2
[3986]: https://github.com/jquery/jquery/issues/3986
[2b5f5d5e]: https://github.com/jquery/jquery/commit/2b5f5d5e90b37f4a735738a6d0b6f22affbea340
[4029]: https://github.com/jquery/jquery/issues/4029
[821bf343]: https://github.com/jquery/jquery/commit/821bf34353a6baf97f7944379a6459afb16badae
[4063]: https://github.com/jquery/jquery/issues/4063
[75b77b48]: https://github.com/jquery/jquery/commit/75b77b4873abf9025b6ba60dec80aedd29df2bdd
[appending]: https://github.com/jquery/jquery/commit/f5e36bd8f2c2b28231bbed926c6c3dead94db545
[4322]: https://github.com/jquery/jquery/issues/4322
[a0abd15b]: https://github.com/jquery/jquery/commit/a0abd15b9e5aa9c1f36a9599e6095304825a7b9f
[Link 2]: https://github.com/jquery/jquery/issues/4185
[4185_354f6036]: https://github.com/jquery/jquery/commit/354f6036f251a3ce9b24cd7b228b4c7a79001520
[4007]: https://github.com/jquery/jquery/issues/4007
[f997241f]: https://github.com/jquery/jquery/commit/f997241f0011ed728be71002bc703c7a0d3f01e5
[3964]: https://github.com/jquery/jquery/issues/3964
[e743cbd2]: https://github.com/jquery/jquery/commit/e743cbd28553267f955f71ea7248377915613fd9
[3991]: https://github.com/jquery/jquery/issues/3991
[73d7e625]: https://github.com/jquery/jquery/commit/73d7e6259c63ac45f42c6593da8c2796c6ce9281
[4102]: https://github.com/jquery/jquery/issues/4102
[315199c1]: https://github.com/jquery/jquery/commit/315199c156c5b822a857ca236bda123f01a2da37
[fe5f04de]: https://github.com/jquery/jquery/commit/fe5f04de8fde9c69ed48283b99280aa6df3795c7
[3978]: https://github.com/jquery/jquery/issues/3978
[899c56f6]: https://github.com/jquery/jquery/commit/899c56f6ada26821e8af12d9f35fa039100e838e
[1741]: https://github.com/jquery/jquery/issues/1741
[3423]: https://github.com/jquery/jquery/issues/3423
[3751]: https://github.com/jquery/jquery/issues/3751
[4139]: https://github.com/jquery/jquery/issues/4139
[669f720e]: https://github.com/jquery/jquery/commit/669f720edc4f557dfef986db747c09ebfaa16ef5
[4281]: https://github.com/jquery/jquery/issues/4281
[e4de8b46]: https://github.com/jquery/jquery/commit/e4de8b4626f8872a4cb1ee241b60902653567503
[13de7c9e]: https://github.com/jquery/jquery/commit/13de7c9ede1c49c30344b4347985eac341484b1e
[4126]: https://github.com/jquery/jquery/issues/4126
[c2026b11]: https://github.com/jquery/jquery/commit/c2026b117d1ca5b2e42a52c7e2a8ae8988cf0d4b
[1240]: /images/20220219/4ab7ace24bb04b7c9bad7219bb8e775d.png
[1240 1]: /images/20220219/065b955cf2ea47eb8e614e5b128dc6be.png
[IT_-Line]: https://www.jianshu.com/u/283f93ada597
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poZW5naGhneg_size_16_color_FFFFFF_t_70]: /images/20220219/a0a6c8aef45345f9998f620ee440b84c.png