javascript - 使用外部模块(jQuery、Angular 等)不好吗？

Question

英语不是我的母语。对不起..
我总是试图避免使用外部模块，如 jQuery、Angular 等。

在 jQuery 中，

$('.desc').addClass('active');

这可以替代

function addClasses(className, class)
{
    cl = doc.getElementsByClassName(className);
    len=cl.length;
    for(var i=0;len<i;i++)
    {
        cl[i].classList.add(class);
    }
}

addClasses('desc', 'active');

它更长，但行为也相同我们可以保存 85kb 的 jQuery 脚本文件。

我认为这种方法还不错，并且相信它可以减少更多资源并提高性能。如果您在社区中共享一些代码而不安装外部模块，它可以直接应用...将它们添加到文档中...我真的很讨厌这些东西。

但我经常使用Codepen.io，甚至这里的stackoverflow社区，他们都使用jQuery或一些外部模块，尽管它可以替代单行代码。
我错了吗？ jQuery 和其他外部模块不会影响性能和资源吗？因为实际上，它更容易使用，因此，它可以使脚本更短。

Answer 1

一切都取决于您正在构建的内容。

jQuery 实际上是一个有用的快捷方式的集合，就像您注意到的那样。由于其简单性，它非常有吸引力，尤其是对于年轻的开发人员。但是it has its flaws 。

Angular(以及 React、AngularJS 等)是 Web 应用程序框架，比 jQuery 更进一步。使用其中之一将帮助您构建具有自己的生态系统的应用程序。框架是一个设计系统，它为您提供工具，但需要遵循其结构、原理图等。例如，在 React 和 Angular 中，您必须在 JavaScript 代码中构建 View (html)，然后将其注入(inject)到DOM。

Mecki gave a great response关于库(jQuery、Mootools 等)和框架(Angular、React、Ember)之间的差异。

底线是，想想你正在构建什么。如果事情很小，逻辑很少，请考虑纯 JavaScript。如果您(或您的团队)更喜欢 jQuery，请尝试一下，看看性能是否可以接受。实际上，编写性能不如 jQuery 代码的 JavaScript 代码相当容易。如果有更大的东西，请尝试其中一个前端框架，就像我提到的那样。请记住，他们的学习曲线很陡峭。所有五分钟的教程都会向您展示诀窍，但进一步冒险将需要您和您的团队进行大量工作。

最后一件事是，鉴于浏览器缓存和连接每天都变得越来越快，现在 85KB 的 JavaScript 代码实际上不算什么。当你的 bundle 达到 +5MB 时，你就会开始担心;-)