字节跳动前端面试总结（持续更新）

一、HTML

二、CSS

三、JS

1、定时器

方法	格式	描述
setTimeout	timer = setTimeout(cb,delay)	启动一个定时器，在一段时间（delay）后执行回调（cb），并返回该定时器的唯一标识（非零数值 id ）
setInterval	timer = setInterval(cb,delay)	启动一个定时器，每隔一段时间（delay）后执行一次回调（cb），并返回该定时器的唯一标识（非零数值 id ）
clearTimeout	clearTimeout(id)	如果定时器还未触发，传入定时器标识（id）即可清除该定时器
clearInterval	clearInterval(id)	传入定时器标识（id），即可清除该定时器

（1）setTimeOut()和setInterval()的异同

相同点：都是用来处理延时和定时任务的函数

不同点：

setTimeOut()只延迟执行一次，且是在指定的毫秒数之后再调用函数。 
setInterval()是一段时间执行一次，可以执行多次，是在每隔指定的毫秒数循环调用函数，直到clearInterval把它清除掉。 

（2）注意点

  a) 定时延迟问题：定时器可能会比期望时间延迟，且时间间隔设为0，也会有几毫秒的延迟。

  b) 在使用 setTimeout 和 setInterval 的时候最好将其赋值给一个变量，以便取消定时器。

  c) 在使用Vue的时候，setTimeout 和 setInterval 的this指向的是window对象，访问不到组件数据以及方法。

• 解决：使用箭头函数或者变量访问 this 实例

    //箭头函数访问this实例 因为箭头函数本身没有绑定this
     setTimeout(() => { 
       console.log(this);
    }, 1000);
    //使用变量访问this实例
    let self=this;
        setTimeout(function () {  
          console.log(self);//使用self变量访问this实例
        },1000);

  d) 在使用Vue的时候，路由跳转并不会销毁 setInterval，但是组件已经销毁了，这会导致问题。

• 解决：在组件生命周期beforeDestroy停止setInterval

  e) 在执行线程中 setTimeout/setInterval 无法保证准时执行回调函数的。

  f) setInterval 调用有可能会被废弃以及 setInterval 的连续执行

• setInterval的处理时长不能比设定的间隔长，否则setInterval将会没有间隔的重复执行（但是我们不好把控这个处理时长）

（3）轮询

eg：实现轮询，每隔5s请求一次数据

 win