WhynotjQuery

1.模式变革

这段本文讨论了传统的以DOM为中心的开发模式与现在以数据/状态为中心的开发模式的差异。传统的jQuery代表了以DOM为中心的开发方式，但随着复杂页面开发的流行，以React为代表的以数据/状态为中心的开发模式开始兴起。相比于直接操作DOM，React通过状态为中心的开发方式自动渲染DOM，并通过高效的DOMDiff算法提高性能。作者指出，在React应用中，当直接操作DOM时，可能会犯错。

2.不支持同构渲染

这段本文提到了同构渲染的概念，即前后端运行同一份代码来实现重构。作者指出，由于React等流行框架天然支持同构渲染，因此在尝试将现有应用改为同构时，使用jQuery会出现错误，因为服务器端没有DOM。作者强调了移除jQuery的紧迫性，并且提到了在许多情况下应避免直接操作DOM。

3.原生API足够好用

这段本文指出，由于浏览器的更新和借鉴jQuery的API，如querySelector、querySelectorAll和jQuery选择器，原生API已经足够好用。作者提到，jQuery提供了易于使用的API，屏蔽了浏览器差异，提高了开发效率。然而，浏览器的更新和借鉴使得原生API同样易于使用，并且性能更优。

4.性能

这段本文指出，在一般的前端开发中，性能并不是一个特别重要的考虑因素。然而，如果追求极致的性能，作者警告说jQuery的性能很差。相比于jQuery，原生API选择器有更多选择，并且性能更好（例如，document.getElementsByClassName的性能比$(classSelector)高出50多倍）。本文提供了一个测试链接来证明这一点。

5.时机成熟

这段本文提到，已经有很多浏览器（例如IE）淘汰了旧版本，因此现在是移除jQuery的时机。作者分享了产品的实际例子，引导用户升级浏览器，并强调产品的吸引力是用户升级浏览器的关键。

如何移除jQuery

1.替换代码

这段本文介绍了如何顺利移除jQuery。作者提供了一个开源项目，详细整理了移除jQuery的过程。通过访问https://github.com/oneuijs/You-Dont-Need-jQuery，可以查找并替换API。此外，作者还简单封装了一些方法，如oui-dom-utils和oui-dom-events，用于选择器、样式和事件处理。这些库在生产环境中得到长期维护和更新。

2.旧浏览器自动跳转

这段本文提到，在代码替换后，当用户使用旧浏览器打开网页时，需要进行跳转，将用户引导到提示页面，并提示用户下载最新的浏览器。

数据来源：百度统计

本文最后提到国际上的IE占有率，并指出移除对旧版本浏览器的支持并不困难。

标签： 拥抱原生JavaScript、 CSS3、 网站制作、 网站建设、 网页设计、 HTML5、 抛弃jQuery、 网站建设、

本文地址： https://yihaiquanyi.com/article/563ce161973134ddcbf1.html

上一篇：网站建设和管理题库网站建设HTML5厦门网站...
下一篇：html5网页制作HTML5厦门网站树立网站树立网...