说说学习jquery时大伙都喜欢踩的七个坑,看看你中了几个

jQuery
376
0
0
2022-07-14

说说学习jquery时大伙都喜欢踩的七个坑,看看你中了几个

大伙学习中难免都会走歪路,今天就给大伙说说学习jquery时容易走的七个坑

这里还是要说一下我的前端学习群:594959296,从我一个人到现在的1297人都是我每篇文章每个特效聚集的小伙伴,可以说都是我们大前端的学霸啊,不定期分享干货。想学到东西的都可以来,欢迎初学和进阶中的小伙伴。

1 乱用选择器

JQuery选择器调用代价很大,反复调用效率更低。应采用缓存对象的方法或采用链式调用的方式。

说说学习jquery时大伙都喜欢踩的七个坑,看看你中了几个

2 全局选择效率低

尽量使用上下文(context)查找,避免全局选择的使用。全局选择器会进行整个Doc的查找,效率很低。

说说学习jquery时大伙都喜欢踩的七个坑,看看你中了几个

3 复制匿名函数

避免多次复制匿名函数的写法,将匿名函数分离出来,供其它对象多次调用。

说说学习jquery时大伙都喜欢踩的七个坑,看看你中了几个

4 误用ajax的complete

说说学习jquery时大伙都喜欢踩的七个坑,看看你中了几个

当用ajax进行数据请求时,避免使用complete回调方法,而应该使用success方法。complete回调在请求成功或失败都会触发。

说说学习jquery时大伙都喜欢踩的七个坑,看看你中了几个

5 链式调用的误用

采用链式调用的方式会使对象在渐变未完成之前就被移除,即remove方法会在fadeOut方法完成之前调用。当需要第一方法完成之后,再执行第二个方法,请使用回调,即第二种方式。

说说学习jquery时大伙都喜欢踩的七个坑,看看你中了几个

6 事件多次绑定

如果你绑定(bind)同一事件多次,响应就会被执行多次。为避免多次执行,请先做事件解绑再重新绑定。

说说学习jquery时大伙都喜欢踩的七个坑,看看你中了几个

7 错误使用this指示符

this指示符存在于一定的上下文中的,当上下文变化时this指向不同的对象。如果还想调用原上下文中的this,则需要在原上下文中缓存原this对象( $that = $(this) )。

说说学习jquery时大伙都喜欢踩的七个坑,看看你中了几个

如果想看到更加系统的文章和学习方法经验可以关注我的微信公众号:‘web前端课程’关注后回复‘给我资料’可以领取一套完整的学习视频

说说学习jquery时大伙都喜欢踩的七个坑,看看你中了几个