神策数据前端一面凉经
一面（3-30 16:00）
自我介绍
position各个属性
场景题：父盒子设置relative，里面盒子不设置任何属性，正常处于一个居中的位置，这个时候给他设置一个absolute属性，会出现在哪里
对flex有了解吗
flex设置传统三栏布局
不用flex怎么做
作用域链是什么
原型链是什么
__ proto__从哪来的
var、let、const区别
var a = 10;
(function(){
console.log(a);
a=5
console.log(window.a);
var a= 20
console.log(a);
})()
//undefined 10 20 把var a = 20 改为let a = 20输出什么----会报错，讲出let暂时性死区
对promise有了解吗
new Promise((resolve)=>{
console.log(1);
setTimeout(() => {
console.log(2);
}, 1000);
resolve()
}).then(()=>{
console.log(3);
}).then(()=>{
return new Promise(()=>{
console.log(4);
}).then(()=>{
console.log(5);
})
}).then(()=>{
console.log(6);
})
console.log(7);
//1 7 3 4 2 这里我一开始搞错了下面的5和6，面试官耐心给我提示，讲出答案，感谢大佬，答题继续
讲一下浏览器事件循环机制
如果在微任务里面添加了新的微任务，在什么时候执行
浏览器的同源策略，以及为什么要有同源策略
哪些方式可以解决跨域
jsonp具体怎么实现的
cookie、localStorage、sessionStorage三者区别
代码题：
url案例：
'https://zhidao.baidu.com'
'https://zhidao.baidu.com?a=b'
'https://zhidao.baidu.com#about'
'https://zhidao.baidu.com?a=b#ref'
params案例：{a:b,c:d}=>'a=b&c=d'
function URIconcat(url,params){
//code here
} ps:这里我一直不知道url中有#的情况时，后面参数应该要怎么拼接，回听才发觉面试官提示了，血亏~~~难受
最后因为一直没解决这个问题，面试官还又给我一个机会，最后问了一个输出题，但我又没有抓住机会，想打自己，菜是原罪
var a = 1
var obj = {
a:2,
getAPI(){
console.log(this.a);
}
}
obj.getAPI()
//2 我最后的输出题居然说错了！！！！吐血身亡。。。
#面经##前端##神策数据#
