字节跳动 提前批 产品开发 一面 （56min）
1. 自我介绍
CSS部分：
2.对前端盒子模型的理解
我说了一堆抽象的东西，其实是考察 标准+怪异 盒子的大小组成
3.position的值
sticky特点
absolute的特点
4.flex的使用
考察flex用到的种种属性
JS部分：
1.
const fn = () => {
console.log(this);
}
const o = {
t: fn
}
fn(); // window
o.t(); // window 考察箭头函数的this特点 2.箭头函数除了this还有什么特殊点
argument，super，new.target，prototype
3.
const p = new Promise((resolve, reject) => {
console.log(1);
setTimeout(() => {
console.log(2);
})
resolve(1);
}).then(res => {
console.log(3);
})
setTimeout(() => {
console.log(4);
})
console.log(5);
// 1 5 3 2 4 边解释边说，为什么xx比xxx先执行，微任务、宏任务，event loop 4.webpack中loader和plugin的区别
5.输入url后发生了什么
对过程考察比较细，主要在返回html后的渲染
6.http状态码
7.讲了304就问浏览器缓存策略
强缓存，协商缓存，头部字段值
8.web安全的了解
XSS和CSRF，怎么进行的，怎么阻止
编码部分
1.判断两颗二叉树是否完全一致https://leetcode-cn.com/problems/same-tree/
投递蔚来等公司7个岗位