shopee前端一面
50分钟
自我介绍
盒模型
flex
#面经##Shopee##前端工程师#
自我介绍
盒模型
- 怎么切换这两种盒模型
flex
- flex:1?
- flex :1不简写是什么(说的1 0 auto不知道对不对)
- flex: auto表示什么(不会)
- 怎么生成BFC？
- BFC怎么解决上下元素的margin的重叠问题(说错了)
- CSRF是什么
- CSRF在另外的网站发起攻击还是访问的网站？(说的另外的网站)
- 怎么防御？
- token存在哪(不会)
- samesite的lax(不会)
var a, b
(function () {
alert(a);
alert(b);
var a = (b = 3);
alert(a);
alert(b); })()
alert(a);
alert(b);
// undefined undefined 3 3 undefined 3 （第三个输出我答错了，因为不知道（b = 3）会返回啥，然后面试馆提醒了，才答出来）
解释？这里也说错了，第一个a是undefined的原因是我说成了是因为全局变量，然后面试官提醒了，我才说了是因为函数内部的a的变量提升）
<div id="out">
<div id="in"></div>
</div>
document.getElementById("out").addEventListener("click", function () {
console.log("key1");
}, true)
document.getElementById("in").addEventListener("click", function () {
console.log("key2");
}, true)
document.getElementById("out").addEventListener("click", function () {
console.log("key3");
}, false)
document.getElementById("in").addEventListener("click", function () {
console.log("key4");
}, false)
//"key1" "key2" "key4" "key3" 输出顺序？（第一时间忘了false，和true对应什么，然后面试官提醒了才说对了） 1. var a = 10
2. var obj = {
3. a: 20,
4. say: () => {
5. console.log(this.a)
6. }
7. }
8. obj.say()
9. var anotherObj={a:30}
10. obj.say.apply(anotherObj) // 10 10 var a = 10
var obj = {
a: 20,
say(){
console.log(this.a)
}
}
obj.say()
var anotherObj={a:30}
obj.say.apply(anotherObj)
//20 30 解释 箭头函数的this？
- 箭头函数和普通函数的区别？
手写斐波那契数列算法题
- 为啥不写递归版本？
- 如果用递归版本怎么优化（说了用一个map可以记录已经计算了的值）
html5中的preload和。。。（不会，没听清）
defer和async的区别
什么时候用这两个
__proto__属性
let a = {}, b = Object.prototype;
console.log(a.__proto__ === b);//true
console.log(Object.getPrototypeOf(a) === b);//true （第二个我没见过，不会） function f() {
}
f.__proto__ === ?;
//Function.prototype 前端怎么学了多久？ 红宝书看了几章？
做过实际项目没（没有）
学过什么框架
vue更新数据是同步还是异步
- 一个变量改变多次renden会调用几次
- 为什么
v-model是什么属性的语法糖（不会）
vue怎么监听对象属性的增加或删除
- vue3怎么做的
- vue2里面可以怎么做（不会，面试完想到难道是vm.$set()？）
反问
很紧张，说话都有点结巴，第一次面这么久，很多平时记得的东西一面试就很模糊。面试官很温柔，体验很好，自己还是有点菜
#面经##Shopee##前端工程师#
