首页 > 神策数据前端一面凉经
头像
Dragon_
编辑于 2021-04-02 20:57
+ 关注

神策数据前端一面凉经

一面(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

我最后的输出题居然说错了!!!!吐血身亡。。。

更多模拟面试

全部评论

(8) 回帖
加载中...
话题 回帖

推荐话题

相关热帖

历年真题 真题热练榜 24小时
技术(软件)/信息技术类
查看全部

近期精华帖

热门推荐