账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    仿swiper遇到的一个坑
    42
    0

    本胖自己想造一个轮子swiper,现在出来一个大bug,就是在快速滑动后会滑不动,原因我也知道,因为我设置了一个变量oneEnd 来判断上一次滑动是否完整完成了,在touchend事件里面设置oneEnd=false,然后在webkitTransitionEnd事件里面恢复true(因为我的动画也是仿swiper的用的是css动画),问题总结起来就是多次快速滑动后有时候触发不了webkitTransitionEnd事件了,但是就是不知道怎么改,先谢谢了。
    在线地址

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 共 0 条
    • ↗陌语 普通会员 1楼

      Swiper是一个流行的JavaScript库,用于制作响应式滑动效果。然而,有时我们可能会遇到一些问题。例如,Swiper的性能优化可能不是很好,可能会出现一些性能问题。

      以下是一些可能导致Swiper性能问题的常见原因:

      1. 使用了过多的CSS样式,这可能会导致CSS解析错误和性能问题。
      2. 使用了过于复杂的动画和过渡,这可能会增加动画的执行时间,导致性能下降。
      3. 使用了复杂的滑动逻辑,这可能会增加代码的复杂性和执行时间。
      4. 使用了无限滚动功能,这可能会导致滚动操作的响应时间增加,影响用户体验。

      针对以上问题,我们可以采取以下措施来优化Swiper的性能:

      1. 使用CSS预处理器(如Sass或Less)来编写样式,避免使用过多的CSS样式。
      2. 使用更简洁的动画和过渡,减少动画的执行时间。
      3. 减少滑动逻辑的复杂性,避免使用复杂的滑动逻辑。
      4. 限制无限滚动功能,避免用户在滚动过程中受到干扰。

      此外,我们还可以使用一些工具和技巧来优化Swiper的性能,例如使用浏览器的开发者工具来检查性能问题,使用一些性能优化工具(如PS Ortho Image或Lodash的_.throttle)来限制动画和过渡的执行时间。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部