Html相关
1、给了一个twitter界面的生成代码解读,meta啥的
2、盒模型【说了怪异模型和标准模型】
js相关
3、异步执行的方式【说了setTimeout->callback->Promise->async/awiter】追问了setTimeout和其他几个的区别,说了宏任务和微任务,追问了setTimeout和requestAnimation的区别,说了刷新频率,追问什么时候只能用setTimeout,说了生命周期外【胡说八道,面试官肯定了我的答案哈哈】
4、内存泄漏有哪些【说了闭包】
Css相关
5、常用的css写法,运用了哪些css模块机制
6、css优先级【说了!important>#id>class/属性>元素/伪元素>通用/兄弟】
框架相关
7、React通信方式:说了 1、父子 2、子父 3、兄弟 4、其他
8、遇到的问题
计算机网络
9、url从输入到展示发生了什么
10、发送10个请求如何在有三个请求出错的时候结束发送
两道手撕代码
11、随机生成16进制颜色
12、对象处理【没撕出来】
const input = { a:{ b:{ c:{ f:123 }
}
}, d:{e:{ f:456 }
}} let output = {}; function fn(input,key){ for(let item in input){ if(typeof input[item] == 'object'){ fn(input[item],key+item); }else { output[key+item] = input[item]; }
}
} for (let item in input){ fn(input[item],item)
} console.log(output)
面试官人很好,体验很棒~
#面经一面面经##前端面经#