阿里巴巴前端挂经

1. 前端常见跨域解决方案

1、 通过jsonp跨域
2、 document.domain + iframe跨域
3、 location.hash + iframe
4、 window.name + iframe跨域
5、 postMessage跨域
6、 跨域资源共享（CORS）
7、 nginx代理跨域
8、 nodejs中间件代理跨域
9、 WebSocket协议跨域

2.你提到了jsonp，它和json的区别是什么

其实json和jsonp本质上都是字符串，只是jsonp是外层包裹了一层函数。
jsonp的原理就是通过script的src，将函数作为src请求地址的参数来传递数据，所以jsonp只有get一种传输方式。
下面是jsonp的数据交互，首先定义一个回调函数，定义dataType类型为jsonp,将函数作为参数传输给后台，它与json相比是多了一层函数。

3。如何知道jsonp后端的函数返回了？

就答了addeventlistener，然后面试官问还有别的吗，我说不知道，然后被科普了正则运算。。

.--
4.前端里怎么添加类名：

1. select.classlist.add("xxx")
   

复制代码

follow-up 还有其他的吗？

1. var classVal = document.getElementById("id").getAttribute("class");
   . Χ
2. 
   
3. //删除的话
   
4. classVal = classVal.replace("someClassName","");
   
5. document.getElementById("id").setAttribute("class",classVal );
   
6. 
   
7. //添加的话
   
8. classVal = classVal.concat(" someClassName");
   
9. document.getElementById("id").setAttribute("class",classVal );
   

复制代码

5.能不能添加一个功能，没有这个class的时候再加呢

1. if($('div').is('.class')){
   
2.     $('div').addClass('class');
   
3. }

复制代码

还有吗？

1. if (!p.classList.contains('classname')) {
   
2.     p.className += ' ' + 'classname';
   
3. }

复制代码

6.css垂直居中和水平居中

1. 第一种
   
2. #container{
   
3.     position:relative;
   
4. }
   
5. 
   
6. #center{
   
7.     width:100px;
   
8.     height:100px;
   
9.     position:absolute;
   
10.     top:50%;
    
11.     left:50%;
    
12.     transform: translate(-50%,-50%);
    
13. }
    
14. 
    
15. 第二种
    
16. #container{
    
17.     position:relative;
    
18. }
    
19. 
    
20. #center{
    
21.     width:100px;
    
22.     height:100px;
    
23.     position:absolute;
    
24.     top:50%;
    
25.     left:50%;
    
26.     margin:-50px 0 0 -50px;
    
27. }
    
28. 
    
29. 第三种
    
30. #container{
    
31.     position:relative;
    
32. }
    
33. 
    
34. #center{
    
35.     position:absolute;
    
36.     margin:auto;
    
37.     top:0;
    
38.     bottom:0;
    
39.     left:0;
    
40.     right:0;
    
41. }
    
42. 
    
43. 第四种 flex
    
44. #container{
    
45.     display:flex;
    
46.     justify-content:center;
    
47.     align-items: center;
    
48. }
    
49. 
    

复制代码

7.怎么使一个边框有两种颜色？

这题不会。。。到最后都没听懂什么意思，我说用border double，他问怎么double，我说没用过不知道。

8.嵌套的数组扁平化(多维数组变成一维数组)

1. function parseArr(arr,res){
   
2.     var i=0;
   
3.     for(i=0;i<arr.length;i++){
   
4.         if(arr[i] instanceof Array){
   
5.             parseArr(arr[i],res);
   
6.         }else{
   
7.             res.push(arr[i]);
   
8.         }
   
9.     }
   
10. }

复制代码

1. var newArr=arr.toString().split(',').map(function(ele){
   
2.     return +ele;
   
3. });

复制代码

9.你提到了tostring()，为什么它可以把数组扁平化

真不知道，除了mdn上写tostring就是把所有object变成字符串

10.你简历上的一个网站怎么做移动端适配的？
对不起我没做这个。

11.用过react和vue吗？
没有，在谷歌实习用的polymer

12.google chrome怎么做测试的？
。。。一系列实习相关问题。。

最后被拒了，最迷的是被拒没有邮件，需要自己去系统查。
move on了。





补充内容 (2019-6-16 23:09):
我都挂了可怜我打了这么多代码加个米吧！！谢谢谢谢

楼主是面的哪里的阿里巴巴职位呀

aiweiwei 发表于 2019-8-6 04:00
楼主是面的哪里的阿里巴巴职位呀

beijing,  字数字数字数字数