zoukankan      html  css  js  c++  java
  • 前端面试

    1、防抖和节流

    https://segmentfault.com/a/1190000018445196

    # 防抖:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。

    # 节流:每隔一段时间,只执行一次函数。

    ## 异同比较

    相同点:

    • 都可以通过使用 setTimeout 实现。
    • 目的都是,降低回调执行频率。节省计算资源。

    不同点:

    • 函数防抖,在一段连续操作结束后,处理回调,利用clearTimeout 和 setTimeout实现。函数节流,在一段连续操作中,每一段时间只执行一次,频率较高的事件中使用来提高性能。
    • 函数防抖关注一定时间连续触发的事件只在最后执行一次,而函数节流侧重于一段时间内只执行一次。

    ## 应用场景

    函数防抖的应用场景

    连续的事件,只需触发一次回调的场景有:

    • 搜索框搜索输入。只需用户最后一次输入完,再发送请求
    • 手机号、邮箱验证输入检测
    • 窗口大小Resize。只需窗口调整完成后,计算窗口大小。防止重复渲染。

    函数节流的应用场景

    间隔一段时间执行一次回调的场景有:

    • 滚动加载,加载更多或滚到底部监听
    • 谷歌搜索框,搜索联想功能
    • 高频点击提交,表单重复提交

    做题:

    ["1", "2", "3"].map(parseInt); // 结果 [1, NaN, NaN]

    解释:parseInt()默认有两个参数,第二个参数是进制数。当parsrInt没有传入参数的时候,而map()中的回调函数时候,会给它传三个参数,第二个参数就是索引,所以返回NaN了。

     
     

     

  • 相关阅读:
    Python 一条语句如何在多行显示的问题
    代理模式
    MySQL workbench中的PK,NN,UQ,BIN,UN,ZF,AI说明
    异步加载 Echarts图的数据
    Web页面中两个listbox的option的转移
    半透明效果
    在地图上使图片透明
    加载图片方式
    获取鼠标坐标
    画笔与画刷
  • 原文地址:https://www.cnblogs.com/sameen/p/14598212.html
Copyright © 2011-2022 走看看