阿里p6前端面试经历，顺利拿到offer(1)，2024年最新GitHub上标星13k的《前端面试突击版》

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

可能还是担心我这块不是很熟悉，所以又问了一个相关的问题，这个比较简单，我直接写代码，当时是口述的，思路是一样的；

Promise.myAll = function(…args){

const result = [];

let isFail = false;

let errInfo;

let j = args.length;

for (let i = 0; i < args.length; i++){

// 如果有错误就停止循环

if(isFail) {

return Promise.reject(errInfo);

};

// 挨个运行promise

args[i].then(res => {

// 处理结果

result.push(res);

j–;

if(j === 0){

return Promise.resolve(result);

}

}).catch(err => {

// 设置停止循环的标志，存储错误信息

isFail = true;

errInfo = err;

})

}

}

// 以上都是未经运行未经测试的伪代码，可能有问题，大致思路就这样~

1. flex布局，固定高度，左边定宽，右边自适应？

这个比较简单，flex布局给父元素设置display:flex,左边的子元素flex:none,给个width:100px,右边的子元素flex:1就可以了，当然可能有别的方式，这个应该是最简单的~

1. 如果子元素不能100%继承高度，怎么实现撑满？

这个问题我当时没反应过来面试官的意思，我问了一下是不是要纵轴方向的flex布局？后来面试官说 嗯。。也可以，这个过了。我就愣了，回来之后想了一下，不知道是不是说如果子元素无法100%的继承高度，那是不是可以结合定位的方式，比如父元素relative，子元素absolute，然后四个位置都是0？不知道是不是这个意思_{无法考究了}

1. 对ts的理解

ts 用的不是很多，因为我们的项目大部分都是基于h5的，首先逻辑不是很复杂，因为每个part最多就三四个页面而且跟别的part基本没关系，业务决定并不是很适合ts，所以也没在团队中怎么推广，但是有在后台项目，就是管理端用了ts，所以简单说了一下ts和js的优缺点~

1. ts的泛型是什么作用

一下没反应过来怎么回答，因为本身ts用的不多，泛型用的更不多，但是后来我想了一下java中的泛型，再加上面试管的提示，我给的答案是泛型决定了一个类型在不同的场景下能够在每个场景下从始至终的保持类型一致，有点拗口，但是应该就是这么个意思~

1. 假如监控系统别的组需要用，并且没满足他们的需求，你会怎么处理

瞬间没反应过来面试官想问啥，因此说了一大堆，比如说要看自己的团队是否有时间，要看这个需求是否合理，要看这个需求是一个定制化的需求还是一个比较通用的需求，等等各种情况下怎么处理都给了自己的方案，然后面试官打断我说我问的不是这个意思，是问你是你来做还是别的组来做？我说还是得分情况看事情和时间的安排，然后就过去了~

基本到这里一面就结束了，emmm，刚挂了电话，正好面试的部门有一个之前从扇贝离职去了的同事，面的还是很巧的同一个部门，大哥就跟我说恭喜一面过了。。哈哈，2面开始就没那么紧张了

二面

–

隔了好像就两天2面就来了，2面因为是晚上8点多才开始的，所以面试官本来说准备聊半个小时，结果还是聊多了

1. 设计一个通过拖拽，然后交换位置的组件，给思路就可以。

emmm,网上有很多，大体就是关于拖拽的一些api，然后怎么携带数据这些，我就不展开了~

1. 假如有2个团队，一个团队想用另一个团队的一个类库，并且还是想在用到的时候才加进来，怎么办？

emmm。。我先说答案，是用webpack中的externals去配置一个cmd的异步引入，这个是面试官的答案，但是我印象面试官开始的时候没提到说要用webpack，我一直在想的就是怎么异步加依赖，我就说可以让他们发布到自己的私服npm上，然后另一个团队安装，用的时候用import做异步加载。。balabala说了半天，直到最后面试官来了一句你知道webpack的externals吗？我才反应过来_{emmmm，好吧}

1. 设计一个组件你会考虑哪些问题？

不得不说这个是个好问题，组件天天写，但是确实没好好整理过，当时问完我的时候，我是有点懵逼的，我在想就是看需要啥样子的就怎么样的设计呗，主要就是考虑一下扩展性，其实这个我每次开发的时候都会注意到，但是一下子竟然不知道怎么说了，balabala讲了一堆，看需求分析啊，确定输入输出啊，考虑扩展性啊，别人怎么用啊之类的，其实我觉得面试官想问的可能是如何设计一个通用的组件，可以参考这个

1. 回到一个我简历上的项目，这个项目的核心是让运营和产品能够自己替换线上活动页或者落地页的图片资源和文案一类的内容，同时还有定点替换的功能，这个面试的时候还没完全实现，不过现在已经上线了一个简单版本了，用着还可以，等待后续再迭代，这个项目问了一下简单的思路，我还准备描述我们在node做的缓存，结果面试官说我了解了，emmm,可能太晚了吧，哈哈

二面就结束了，完了看下时间，超了半小时，主要卡在第2个题目上，从始至终都没去向webpack，这个确实还是自己的思路一下被限制的太死了，再加上我们通过webpack的externals去做的配置很少，基本就是简单的jquery这样引入过，后来为了方便都直接走npm装依赖了，其实还是要看场景，有时候偷懒确实是问题~~

三面

–

隔了三天左右，三面的通知就下来了，三面是p8的大佬，从头到尾都没问基础知识相关的内容；

1. 自我介绍

省略。。

1. 主要做的是哪些业务？

简单聊了一下在公司做的业务。。。

1. 为什么感觉你们的产品会比别人家的业务要好？

这个问题涉及到一些产品的核心业务的卖点，没多说，讲了一点点。。

1. 看你在带一个项目，你一般都是怎么协调资源的？

讲了一大堆。。

后面的几个问题不记得了，基本上都是和业务相关的，还有和产品、运营如何沟通协作等等的问题。。

三面基本都是涉及到业务相关的，总结下来就是我觉得越到后面面试反而更注重业务多一些了，这些东西不是临时抱佛脚能get到的东西，如果你对所做的事情不做更多的理解，对业务不做一定的思考，可能在这个环节会凉凉，我之前也一直有说我们每个开发都要做一个有灵魂的开发，不要把自己真的就只定义为码农机器，我们要加入自己的思考，比如，对接到的需求要有自己的理解，怎么样帮助需求方更完美的去实现需求，哪些该做的没有，哪些需求是伪需求不合理，都应该是每个人要学会和掌握的，至少在熟悉的环节要理解透彻~

四面

总结

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
有就是要多做面试题，复习巩固。

[外链图片转存中…(img-9bKNgJmJ-1713100040411)]

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-ptfFYtSp-1713100040411)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！