jquery中slim版和标准版的区别是什么

slim版和标准版的区别:1、slim版是一种简化版,比普通版本缺少Ajax和特效等模块;如果开发者不使用 AJAX、效果等功能,就可以选择使用Slim版的jQuery。2、slim版比普通版本小,slim版比普通版本小了大约6k个字节;slim版压缩大小是23.6kb,而标准版本的大小是30kb。

jquery中slim版和标准版的区别是什么

本教程操作环境:windows7系统、jquery3.6版本、Dell G3电脑。

jQuery3.0之后除了标准版本之外,还推出了一个全新的模式版本,我们可以称之为瘦身的版本,官方命名为“Slim”。

slim,百度翻译:细长的; 苗条的,纤细的; 微小的; 无价值的。

jquery slim版和标准版的区别

slim版比普通版本缺少Ajax和特效等模块。如果你不使用 AJAX、效果等功能,就可以选择使用这个廋身版“Slim”的 jQuery,它的压缩大小是 23.6kb,而标准版本的大小是 30kb。

说明原文

Sometimes you don’t need ajax, or you prefer to use one of the many standalone libraries that focus on ajax requests. And often it is simpler to use a combination of CSS and class manipulation for all your web animations. Along with the regular version of jQuery that includes the ajax and effects modules, we’ve released a “slim” version that excludes these modules. The size of jQuery is very rarely a load performance concern these days, but the slim build is about 6k gzipped bytes smaller than the regular version – 23.6k vs 30k.

谷歌翻译:

有时你不需要Ajax,或者你更喜欢使用专注于Ajax请求的独立库中的一个。 对于所有的Web动画,通常使用CSS和类操作的组合更为简单。 除了包含ajax和特效模块的常规jQuery版本之外,我们还发布了一个排除这些模块的“超薄”版本。 jQuery的大小现在很少是一个负载性能的问题,但是超薄的版本比普通版本小了大约6k个字节(23.6k VS 30k 压缩后)。

大小截图:

1.png

bootstrap 4,官方手册中介绍的默认使用的slim版本。

扩展知识:jQuery 3大版本的差异汇总

1.x、2.x、3.x 三大系列的区别

1,IE 的支持情况比较

(1)情况分析

1.x:支持 ie6、ie7、ie8

2.x、3.x:不支持 ie6、ie7、ie8

(2)选择建议

如果需要兼容 ie678:只能选择 1.x

如果不需要兼容 ie678:可以选择 2.x、3.x。因为 1.x 中有大部分代码是对老旧浏览器做的兼容,这个就增加了运行的负担,影响了运行效率。

2,插件的支持情况比较

(1)情况分析

由于 jQuery 的版本都是不向后兼容的,导致了基于 jQuery 开发的插件会有兼容性问题。也就是说当新版本的 jQuery 推出后,原有的插件可能无法正常使用,需要插件作者重新开发新版本。

(2)选择建议

为了保证与各种插件有更好的兼容性可以选择 1.x 的版本。

3,新特性比较

(1)2.x 相较于 1.x 没有增加什么新特性,主要是去除了 ie678 的支持,提升了性能,减小了体检。

(2)3.x 相较于之前版本,增加了许多新特性,也改变一些以往的特性

1.x 常用版本

1.4.2:稳定性和兼容性都很出色,插件最多,但性能不如下面后面的几个版本。

1.7.2:性能提升,插件第二多,ajax 和 attr 等 api 有少许修改。

1.8.3:最后一个支持 IE6 的稳定版

1.9.1:开始移除了不少方法,事件绑定推荐使用 on 方法一个代替所有的。

1.12.4:1.x 时代最后一个稳定版本,仅支持 IE8,不支持 IE6/7

【推荐学习:jQuery视频教程、web前端入门教程】

以上就是jquery中slim版和标准版的区别是什么的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2921661.html

(0)
上一篇 2025年3月11日 18:30:59
下一篇 2025年3月8日 19:13:45

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • es6怎么判断一个变量是否为数组

    判断方法:1、利用Array对象的isArray()函数来判断变量是不是数组,语法“Array.isArray(obj)”,如果是数组返回true,否则返回false。2、通过“Object.prototype.toString()”来判断…

    2025年3月11日
    200
  • es6新增运算符有哪些

    es6新增运算符有:1、可选链运算符“?.”,可以判断操作符之前属性是否有效,从而链式读取对象的属性或返回undefined;2、指数运算符“**”,用于指数操作的中缀运算符,语法“x ** y”;3、空值合并运算符“??”;4、逻辑赋值运…

    2025年3月11日
    200
  • es6怎么判断数组里总共有多少项

    在es6中,可以利用array对象的length属性来判断数组里总共有多少项,即获取数组中元素的个数;该属性可返回数组中元素的数目,只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值,也就是长度值。 本教程操作环…

    2025年3月11日 编程技术
    200
  • es6 import会变量提升吗

    ES6 import会产生变量提升的现象。变量提升是将变量声明提升到它所在作用域的最开始的部分。js要经历编译跟执行阶段,在编译阶段的时候,会搜集所有的变量声明并且提前声明变量,而其他的语句都不会改变他们的顺序,因此,在编译阶段的时候,第一…

    2025年3月11日
    200
  • jquery怎么移除z-index样式

    jquery移除z-index样式的方法:1、利用css()移除,只需将z-index属性的值设置为默认值“auto”即可,语法“$(“选择器”).css(“z-index”,”a…

    2025年3月11日 编程技术
    200
  • jquery怎么设置元素多个属性值

    jquery设置元素多个属性值的方法:1、使用attr()设置,语法“$(selector).attr({属性名:属性值;属性值:属性值…})”;2、使用prop()设置,语法“$(selector).prop({属性名:属性值…

    2025年3月11日 编程技术
    200
  • jquery中的$有啥作用

    作用有:1、作为jQuery包装器,利用选择器来选择DOM元素,语法“$(“选择器”)”;2、功能函数前缀,作为通用实用工具函数的命名空间的前缀,例“$.trim(sString);”;3、解决window.onlo…

    2025年3月11日
    200
  • jquery load方法有什么缺陷

    jquery load方法的缺陷:1、load方法会自动忽略掉head、body、script标签;2、动态加载后会出现滚动条偏移的问题,只需在load方法的回调函数里面加入“$(document).scrollTop(0);”即可解决;3…

    2025年3月11日
    200
  • jquery的toggle()方法有什么用

    toggle()方法可用于切换被选元素的hide()与show()方法,进而控制元素的显示和隐藏,语法“$(selector).toggle(speed,callback)”;也可用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的cl…

    2025年3月11日
    200
  • jquery怎么修改tr属性值

    jquery修改tr属性值的方法:1、利用jquery选择器获取指定tr元素,语法“$(“选择器”)”,会返回包含指定tr元素的jquery对象;2、使用attr()函数修改指定tr元素对象的属性值,语法“tr元素对…

    2025年3月11日
    200

发表回复

登录后才能评论