字节跳动-新业务-前端 一面凉经
讲一下项目（问的很详细，使用的技术（详问），项目的亮点，遇到的问题）
1.用原生js给一个div添加点击事件怎么做
答案（两种都得会）：
element.addEventListener(‘click’,function(){});
element.onclick = function(){};
1.1 上面两种方法的比较
https://blog.csdn.net/NewDayStudy/article/details/78656534
1.2 addEventListener存在什么问题
1.3 removeEventListener
1.4 事件委托
1.5 addEventListener的第三个参数
（默认值是false，即冒泡阶段监听）
2. let const var
2.1 看输出，为什么
var tmp = ‘hello’
function f(){
console.log(tmp);
if(false){
var tmp = ‘hello world’;
}
}
f();
3. 箭头函数和普通函数的区别，箭头函数的this指向什么
4. 介绍Promise
4.1 Promise类的方法
4.2 Promise.all()
4.3 用Promise解决以下代码回调地狱的问题
let t = setTimeout(()=>{
console.log(111);
let t1 = setTimeout(()=>{
console.log(222);
let t2 = setTimeout(()=>{
console.log(333);
},3000)
},2000)
},1000)
参考答案：
new Promise((resolve, reject) => {
resolve();
}).then(() => {
return new Promise((resolve, reject) => {
setTimeout(() => {
console.log(111);
resolve();
}, 1000);
})
}).then(() => {
return new Promise((resolve, reject) => {
setTimeout(() => {
console.log(222);
resolve();
}, 2000);
})
}).then(() => {
setTimeout(() => {
console.log(333);
}, 3000);
})
5. vue的生命周期
6. watch和computed的区别
7. vue父子组件的通信
https://segmentfault.com/a/1190000022083517
8. 介绍vue的双向绑定
8.1实现的原理
https://segmentfault.com/a/1190000021327394
8.2 vue3如何实现数据劫持
9.问CSS相关的（你在项目中使用的CSS）
9.1 移动端适配
10.手写代码：深拷贝
反问：
给个建议：（面试官小姐姐：巩固基础）
“新业务”是什么：（面试官小姐姐：我也不知道）
#面经##字节跳动##校招##前端工程师#