javascript - Angular vs vanilla javascript vs jquery，我应该只使用其中之一吗？

Question

我在前端用 Angular 编写了所有 JavaScript。我的应用程序不是单页应用程序。我没有任何路由。我只需要一些东西，这样我的用户交互就不依赖于 html 元素的 id 或类名。

通过这种方法，我不再依赖 html/css 编码人员。他们可以做任何他们想做的事，而不影响我的 JavaScript 逻辑。但我的项目的某些部分我必须做这样的事情:

var pos = $(".two").find(".active")[0].offsetLeft;
$(".two").scrollLeft(pos - 40);

即使这只是两行代码，我也讨厌这个解决方案，因为我依赖于一些类名为 .two 和 .active 的元素。

我不是问我怎样才能用 agular 做这两行，而是想知道是否有一些框架或 JavaScript 库可以处理类似于 Angular 的东西:

1. 指令
2. 服务
3. 工厂
4. 过滤器

我的大部分用户交互都是通过指令完成的。我的大部分逻辑(例如谷歌地图)都是通过 Angular Directive(指令)和 Angular 工厂完成的。我的所有过滤器(例如格式日期是通过 Angular 过滤器完成的)。最后，我所有的 ajax 调用都是通过 Angular 服务完成的。

通过这种方法，我解决了主要问题，那就是代码可用性(某种模块化方法)，然后我解决了维护代码的大问题。任何人都可以在我之后从事这个项目，而不必在 JavaScript 代码中摸索两个月。

我只遇到一个问题，如果指令是纯 JavaScript 编写的，那么指令会慢一些。当我说较慢时，我的意思是当 html 通过指令渲染时，会出现一些奇怪的超时(例如 200 毫秒)。

无论如何，我真的很感激一些关于 Angular 与普通 javascript 或 jquery 的输入，我应该混合它还是应该只在 Angular(或其他一些框架)中执行我的 javascript。

谢谢。

Answer 1

我只是建议你尝试一下vue.js，也许你可以在 https://www.awesomes.cn/vs/10-65-447 中查看react、Angular 和 vue 之间的比较