`
HWL_SZ
  • 浏览: 54194 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JQuery替代方案

 
阅读更多

JQuery是现在最流行的JavaScript工具库。据统计,目前全世界57.3%的网站使用它。也就是说,10个网站里面,有6个使用jQuery。如果只考察使用工具库的网站,这个比例就会上升到惊人的91.7%。

 

虽然jQuery如此受欢迎,但是它臃肿的体积也让人头痛不已。jQuery 2.0的原始大小为235KB,优化后为

 81KB;如果是支持IE6、7、8的jQuery 1.8.3,原始大小为261KB,优化后为91KB。 这样的体积,即使是宽带环境,完全加载也需要1秒或更长,更不要说移动设备了。这意味着,如果你使用了jQuery,用户至少延迟1秒,才能看到网页效果。

 

JQuery替代方案:

1、最有名的是zepto.js。它的设计目标是以最小的体积,做到最大兼容jQuery的API。zepto.js 1.0版的原始

 大小是55KB,优化后是29KB,gzip压缩后为10KB。

 

 2、如果不求最大兼容,只希望模拟jQuery的基本功能,那么,min.js(https://github.com/remy/min.js)优化后只有200字节,而dolla(https://github.com/lelandrichardson/dolla)优化后是1.7KB。

 

 3、此外,jQuery本身采用模块设计,可以只选择使用自己需要的模块。

具体做法参见它的github(https://github.com/jquery/jquery)网站。

 

4、使用JavaScript标准语法,这种方案对于习惯使用JQuery的开发人员来说比较痛苦,代码量相对会增多,但个人认为对前台的性能会得到保障。

0
1
分享到:
评论

相关推荐

    现金:现代浏览器的jQuery替代品,荒唐可笑

    Cash是现代浏览器(IE11 +)的一种荒谬的jQuery替代方案,它提供了jQuery样式的语法来处理DOM。 利用现代浏览器功能来最小化代码库,开发人员可以在文件大小的一小部分使用熟悉的可链接方法。 与jQuery达到100%的...

    ecshop transport.js和jquery冲突的问题

    2. 找到相应的jQuery替代方案,如使用`jQuery.ajax`替代`Ajax`对象。 3. 调整`transport.js`,使其兼容jQuery,或直接替换为新的jQuery插件。 4. 使用上述的`jQuery.noConflict()`或命名空间方法,确保全局作用域不...

    总结了大部分jQueryAPI替代的方法

    《全面解析:jQuery API 替代方案的探索与实践》 在现代Web开发中,JavaScript库jQuery曾经是不可或缺的一部分,它的出现极大地简化了DOM操作、事件处理和Ajax交互等任务。然而,随着浏览器原生API的不断进化和ES6...

    jquery写的滑动条,代替原浏览器难看的滑动条

    针对这种情况,jQuery 提供了一种解决方案,允许开发者创建自定义的滑动条,以提供更美观且功能丰富的用户体验。 jQuery 是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画效果等任务,使得前端开发变得...

    jquery例子大全 jquery demo

    `.delegate()` 和 `.live()`(在jQuery 1.7后被 `.on()` 替代)则支持事件代理,使得动态生成的元素也能响应事件。 ### 四、jQuery AJAX jQuery 的 AJAX 功能强大,如 `.ajax()`, `.get()`, `.post()` 等方法使得...

    使用jQuery和ajax代替iframe的方法(详解)

    然而,由于iframe存在一些局限性,比如不利于SEO优化、在响应式设计中的兼容性问题等,开发者们开始寻找更好的替代方案。jQuery和ajax技术的结合,提供了一种更为高效和友好的解决方案。下面详细介绍如何使用jQuery...

    JavaScript面试题阿里巴巴JavaScript面试题 阿里巴巴

    Zepto 是一个轻量级的jQuery替代方案,它提供了许多与jQuery类似的功能,但体积更小。通过阅读其源码,可以更好地理解JavaScript库的设计思路和实现细节。 #### 6. 移动端响应式布局技术 - **Flexbox**:CSS ...

    可替代CSS3 transition和transform的jQuery插件

    jQuery Transit是一款可制作超级平滑的CSS3 transformations 和 transitions动画的jQuery插件。它能够通过jQuery来完成CSS转换和过渡动画效果,这对于一些不支持CSS3转换和过渡属性的浏览器来说是一个非常有用的...

    处理jquery版本之间冲突

    // 创建一个新的变量j来替代$,同时释放$和jQuery <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> $(document).ready(function() { // 使用第二个...

    jQueryAlert

    jQueryAlert是一种基于jQuery库的插件,用于创建更美观、功能丰富的提示对话框,它可以替代JavaScript内置的alert、confirm和prompt函数。这个插件的主要目的是为用户提供一个自定义且交互性强的对话框解决方案,使...

    jquery-3.3.1.min.js

    同时,一些不常用或者有替代方案的方法被移除,使得库本身更加轻量。 在实际应用中,"JS"目录下的文件可能包含了其他JavaScript库或脚本,这些文件可能依赖于jQuery,或者与jQuery协同工作,实现更复杂的功能。例如...

    jquery 1.5 到2.13 全套

    - API精简:移除了一些不推荐使用的API,如$.browser,鼓励开发者使用现代的替代方案。 5. jQuery 1.10与1.11:现代浏览器支持 - 支持HTML5:增强了对HTML5元素和API的支持,如dataset和form元素的新特性。 - ...

    jQuery操作文件夹

    然而,对于旧项目,理解其工作原理可以帮助理解现代替代方案,如IndexedDB。 5. **IndexedDB**:作为现代浏览器的离线存储解决方案,IndexedDB可以存储大量数据,包括文件。jQuery插件如`jqueryIndexedDB`可以帮助...

    jquery1.x升级到最新版3.6,兼容旧版插件.zip

    如果代码中使用了这一属性,需要找到替代方案或者使用migrate插件来恢复。 2. **事件绑定**: 在1.x版本中,$.live()方法被广泛使用,但在3.x中已被移除,取而代之的是$.on()。$.live()的功能可以使用$.on()配合$...

    jquery-migrate-3.0.0.js

    - **移除的API恢复**:例如,`.live()`、`.die()`、`.delegate()`等在jQuery 3.x中已被移除,Migrate 3.0.0会提供这些功能的替代实现。 - **非推荐方法警告**:对于不推荐使用但尚未被移除的方法,如`.attr(name, ...

    jQuery_jar包

    不过,需要注意的是,由于Java 11以后Nashorn引擎被弃用,开发者可能需要寻找其他替代方案,如GraalVM的JavaScript引擎。 总的来说,jQuery_jar包为Java开发者提供了一种在Java环境中利用jQuery强大功能的方式,使...

    jquery框架

    尽管现在有更多现代化的替代方案,但jQuery在很多场景下依然保持着其独特的价值。对于初学者来说,掌握jQuery能快速提升开发效率,而对于经验丰富的开发者,理解其原理有助于更好地选择和使用前端工具。

    jQuery,涉及到jQuery的框架集介绍及使用

    四、jQuery的局限性与替代品 随着Web技术的发展,jQuery的一些功能已被ES6和新的浏览器API所取代,如Promise、fetch API等。现代前端框架如Angular、React和Vue.js提供了更加强大和灵活的解决方案,它们鼓励组件化...

    jQuery 模板

    **六、jQuery tmpl的替代方案** 由于jQuery tmpl已不再更新,开发者可能需要考虑使用其他模板引擎,如Handlebars、Mustache或者直接使用上述提到的现代前端框架。这些工具提供了更丰富的功能和更好的社区支持。 综...

Global site tag (gtag.js) - Google Analytics