作业帮前端面经

一面

实习做的事情以及收获
webpack优化
为什么webpack可以识别es6的import
es6 模块化
common.js特点
盒模型
js基本数据类型
接下来就是代码题

• 判断输入输出

var a = 10;
var obj ={
    a: 20,
    b: ()=>{
        console.log(this.a);
    }
};
obj.b();

• 判断以下代码的输入输出

alert(a);
var a= 0;
alert(b);
const b = 10;

• css实现一个倒的梯形（用一个div）

.a{
      width: 100px;
      height: 0px;
      border-top: 100px solid blue;
      border-left: 37px solid transparent;
      border-right: 37px solid transparent;
}

• 实现函数jsonToString

var ob = {
    a: 1,
    b: 2
};
//a=1&b=2
function jsonToString(obj){
   let arr = [];
   for(let item in obj){
       arr.push(item+"="+obj[item]);
   }
   return arr.join('&');
}
console.log(jsonToString(ob));

附加一个url解析为object

function urlToObj(url){
    let arr1={};
    let arr2=url.split("&");
    arr2.map((item)=>{
        let sh=item.split('=')[0];
        arr1[sh]=item.split('=')[1];
    });
    return arr1;
}
console.log(urlToObj("a=1&b=2&c=4")); //{a: '1', b: '2', c: '4'}

二面

二面面试官好像是临时被抽调过来的，所以准备的问题不太充分，哈哈哈哈

• 实力经历，然后围绕你说的展开一些问题
• 项目经历
• 为什么要使用redux，redux和react是怎么搭配起来的，还有“副作用”是什么？比如setTimeout和发送请求类似的东西应该怎么写？
• 最后有一道编码题

var arr  = [5, 3, 2, -2, -5, 5, -5, 3, -3];
//要求输出[[5, -5], [3, -3], [2, -2], [5, -5]]