字节跳动前端暑期实习一面面经

1.自我介绍

2.先是CSS部分，问position有哪些常用的值

3.粘性定位有什么特点，绝对定位是相对什么边界进行定位

4.隐藏一个元素有哪些方法

5.v-if和v-show有什么区别

6.display：none和opcity：0在事件响应上有什么区别

7.Vue中的事件绑定会转化为dom中onclick这样的结构吗

<div @click={}
=>
<div onclick={}

8.什么是事件委托，为什么在父元素上绑事件，子元素上点击可能触发

9.this指向问题，说输出

class C {
  a() {
    console.log(this);
  }
  b = () => {
    console.log(this);
  };
}
c = new C();
c.a();
f = c.a;
f();
c.b();

10.在ES5中如何实现ES6class的效果，使用babel转class会得到一个什么内容

11.上面a和b这两种写法，在内存消耗上有什么区别

​ a消耗小些，因为a是直接定义在原型链上的，b相当于在每一个实例上赋值

12.cookie和session有什么区别，如果要做一个登录效果，cookie和session是怎么交互的

13.项目介绍，前后端交互上有什么实践，项目上有什么难以解决或者印象深刻的问题

14.手写代码，字符串计数，输出出现次数最多的一个字符
15.除了for···of还有哪些方法可以遍历字符串，数组中reduce方法有哪些参数，是怎样的使用的

16.问哪些研究深入一些，太菜了，没啥拿得出手，就说leetcode

17.常用的网络状态码有哪些

18.浏览器和服务端交互缓存有几种，强缓存和协商缓存，分别说了一下实现方式，以及webpack缓存

19.parseInt(071)和parseInt("071")分别会输出多少，JS中有哪些表示数值的方式

20.输出什么

for (var i = 0; i < 5; i++) {
    setTimeout(function() {
        console.log(i) // b
    }, 1000)
}
console.log(i) // a

21.怎么修改可以让上面代码从1到5秒依次输出1,2,3,4,5，let和闭包两种方式

22.写代码：合并两个排序数组。从后往前遍历，原地修改。

23.要修改数组本身要用什么方法，splice返回什么，写一下

感谢面试官在面试过程中一直耐心引导。

一面已过，许愿后面的面试都能顺利。