AngularJS上jQuery的最佳替代品

时间:2016-08-03 07:09:24

标签: javascript jquery angularjs angularjs-scope

好吧,我希望我们可以列出jQuery用于AngularJS的最佳替代方案,考虑到与AngularJS的兼容性和操作样式(css)的能力,以及使用fadeIn,fadeOut,slideDown等效果的可能性,slideUp等。

根据对评论的回应,建议考虑以下因素:

  • 与AngularJS的兼容性。
  • 处理样式。
  • 处理事件。
  • 效果
  • ...
  

这个想法是,当jQuery的替代品时,这个线程是有用的   与AngulaJS合作。

2 个答案:

答案 0 :(得分:1)

tl; dr :对所有这些使用角度,而不是jquery。

首先,您可以(必须)使用angular完成所有这些操作。或者根本不使用角度。我的意思是直接操作dom或做其他jquery风格的东西是非常糟糕的做法。 Angular为所有这些事情提供了更加现代化的方法(通过内置和自定义指令等)。

作为第二点 - jquery有什么问题?你可以使用带角度的jquery。这是一种常见做法,因为某些第三方库具有jquery依赖性。

最后一个 - Angular里面内置了 jqlite ,所以你可以用这种方式做一些事情

作为jquery的轻量级替代品,您可以使用zeptojs。但同样 - 这很奇怪。而且我不确定zepto比jqlite好多少。

作为最后一点 - 你可以用纯粹的js做所有事情。但是你应该记住浏览器的支持

答案 1 :(得分:1)

好吧,我只想使用vanilla javascript来进行DOM操作。角度范围内Stylesevents是可能的。

就效果而言,像animate.css这样的简单库可以提供帮助!

简而言之,

  

与AngularJS的兼容性。
- 它的香草Javascript所以没有问题

   处理样式。
- 通过处理样式,如果你的意思是使用条件样式,可以通过角度的ng-class 来实现    处理DOM。
- 大多数DOM操作都可以通过纯javascript来处理。如果您仍需要轻量级库,请选择其中一个   ryejsnodelist或使用与角色
捆绑在一起的jqlite    处理事件。
- 当您打算使用angularJs时,我认为您将使用角度事件模型。

   效果
- 绝对 animate.css