作业帮前端面经

最新推荐文章于 2024-01-03 15:19:27 发布

前端碎碎念

最新推荐文章于 2024-01-03 15:19:27 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：面试面经文章标签：作业帮

本文链接：https://blog.youkuaiyun.com/zhongqw_00/article/details/100139986

面试同时被 2 个专栏收录

113 篇文章

订阅专栏

面经

17 篇文章

订阅专栏

本文涵盖前端面试关键知识点，包括Webpack优化、ES6模块化、Common.js特性、盒模型理解、JS基本数据类型辨析，以及代码题实战解析，如变量作用域、this指向、CSS布局技巧、JSON字符串化及URL解析等，辅以Redux与React配合使用原理探讨。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一面

实习做的事情以及收获
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;
}
<div class="a"></div>

在这里插入图片描述

实现函数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]]