阿里前端面试

和面试官提前预约好时间,等了有半个小时吧,面试官说比较忙,线上出了一些题目,半个小时作答,然后针对题目交流了有半个多小时吧,后续还问了意向工作地点、介意换工作地等相关问题。

下面是题目:

1、行内元素、行内块元素、块级元素分别有哪些标签?分别列举3个以上(越多越好)。
行内元素: span a b br
行内块元素: img input
块级元素:p div  h1-h6

2、定位方式有几种?分别是相对什么元素定位?
static:按照正常文档流排列
relative:参考自身静态位置,不脱离文档流
fixed:参考可视窗口
absolute:参考距其最近一个不为static的父级元素通过定位

3、具体介绍下标准盒模型是什么样的;一个标准盒模型的宽度等于? width, padding, border, margin ;
标准盒模型的宽度等于=width(内容的宽度)+padding+borde+margin

4、要给下面所有li元素绑定click事件,在鼠标点击每个li的时候alert该li里面的内容;且在鼠标离开外部ul元素范围的时候弹出一个alert提示。(实现时请注意代码执行效率及浏览器兼容性、不要使用现成的框架库,用原生js编写完成)


  • 内容1

  • ……此处省略1000+个li对象(注:不要使用循环绑定,如果使用循环绑定1000+的绑定事件会很慢)……
  • 内容n

var ul = document.getElementById("ulItem");
ul.addEventListener("click", function(e){
  var target = e.target;
  if(target.nodeName==='LI'){
    alert(target.innerHTML);
  }
})

5、
function ALIBABA() {  return 1 ;  } 
var ALIBABA;
console.log( typeof ALIBABA );   //输出:function
6、下面哪些不符合同源策略:BCDEF
    A、http://www.domain.com/a.js 和 http://www.domain.com/lab/c.js
    B、http://www.domain.com:8000/a.js 和 http://www.domain.com/b.js
    C、http://www.domain.com/a.js 和 https://www.domain.com/b.js 
    D、http://www.domain.com/a.js 和 http://domain.com/c.js
    E、http://www.domain1.com/a.js 和 http://www.domain2.com/b.js 
    F、http://www.domain.com/a.js 和 http://192.168.4.12/b.js
7、为什么JavaScript会被设计成单线程?  ;
浏览器需要渲染DOM,JS可以修改DOM结构,JS执行时,浏览器DOM渲染会暂停,两段JS也不能同时执行。
设置为单线程,为了避免DOM渲染的冲突。

8.在 NodeJS 中,如何去高效的处理并发任务?  ;

8、promise 、setTimeout 、setInterval 的执行顺序 :
function foo() {
  setTimeout(() => {
    console.log('111111');
  });
  new Promise(resolve => {
    console.log('222222');
    resolve();
  }).then(() => {
    console.log('333333');
  });
  console.log('444444');
}
foo(); 
以上代码的执行顺序:
'222222'
'444444'
'333333'
'111111'

9、react:

vue:生命周期 ,劫持  ;

10、webpack :  ;
前端项目的构建工具
webpack是一个打包模块化Js的工具,在webpack里面一切文件都是模块。
11、移动端touch事件:;
touchstart
touchend
touchmove
touchcancel
12、斐波那契数列:( 1、1、2、3、5、8、13、21、34 )
fibo(N){} 
fibo(5); //[1,1,2,3,5]
13、快速排序:
function quickSort(arr){
  if(arr.length<=1){
    return arr;
  }
  var left = [];
  var right = [];
  var key = arr[0];
  for(let i = 1; i     if(arr[i]       left.push(arr[i]);
    }else{
      right.push(arr[i]);
    }
  }
  return quickSort(left).concat(key,quickSort(right));
}

14、跨域都有哪些解决方案(如果可以深入点介绍,更佳):
(1)CORS(跨资源共享)使用自定义的http头部让浏览器和服务器进行沟通,决定请求或响应是否应该成功还是失败
(2)JSONP:由回调函数和数据组成。通过动态

你可能感兴趣的:(秋招季前端面经)