2021校招Shopee一面面经(前端)

• <meta>标签有哪些属性？
• 行内元素和块级元素的区别？
• 常见行内元素和块级元素？
• 浅拷贝和深拷贝？
• Object.assign是深拷贝还是浅拷贝？
• 谈谈this指向,代码输出

function foo() {
    
    
    console.log( this.a );
}
function doFoo() {
    
    
    foo();
}
var obj = {
    
    
    a: 1,
    doFoo: doFoo
};
var a = 2; 
obj.doFoo()

• 说说原型链
• 说一说instanceof原理

var F = function(){
    
    };
Object.prototype.a = function(){
    
    };
Function.prototype.b = function(){
    
    };
var f = new F();
// f能不能拿到a方法和b方法

• 说一说事件循环

setTimeout(() => {
    
    
  console.log('1');
  Promise.resolve().then(() => {
    
    
    console.log('2');
  });
}, 0);
new Promise((resolve) => {
    
    
  console.log('3');
  resolve();
}).then(() => {
    
    
  console.log('4');
  setTimeout(() => {
    
    
    console.log('5');
  }, 0);
}).then(() => {
    
    
  console.log('6');
});
console.log('7');

• ES6
• var let const 区别
• 箭头函数和普通函数的区别
• 垂直水平居中
• 让元素不可见的方法
• visiblity:hidden; display:none; opacity 区别
• 输入url到页面渲染的过程
• 了解回流和重绘吗，获取元素宽高会影响回流和重绘吗
• 防抖和节流
• 讲一下强缓存和协商缓存
• vue的生命周期
• 父子组件created和mounted的顺序
• 讲一下队列和栈，链表
• 判断链表是否是有环
• 二叉树的遍历
• 上题用递归实现
• 当线上出现一个测试环境无法复现的bug，怎么定位？