2024 web 前端面试总结(内附面经),前端开发入门班

开始面试以后,肯定有好多东西不会,可以通过写面经,总结的方式来弥补自己的缺陷,不能面完了就结束了。这样同样的问题你永远不会。比如刚开始我对 BFC,防抖节流,性能优化等根本不了解,后面的话也通过面试,面试完查资料了解了。这里想说的就是不懂就要问,要查,而不是过。

后面的话自己了解的东西就比较多了,高性能 js,js 忍者秘籍,前几天的话也是刚看完 js 函数式编程,最近又把 http 抓包实战看完了,了解了抓包相关的东西。

前面的话是自己复习的一些经历。里面对框架说的比较少,这里说一下原因。首先我是跨专业的,基础差,基础都没打好怎么看框架。比如你让一个会用 jquery 的 ajax 的人封装一个原生的 ajax,可能他们不会,但是我会。所以框架固然重要,但是基础是最重要的。当然框架里面的一些好的思想你还是要了解的。比如虚拟 dom,diff 算法,vue 双向绑定实现这些东西。你可以没用过框架,但是这里面的原理你需要花时间去了解。

复习思路

下面是我从开始找工作时整理的一些面经,大家可以参考一下。

2018 秋招前端面试总结

有些可能没有,因为现场面的时候是连着面的,所以没有整理的时间,回去的时候都忘的差不多了,而且大多数都是类似的问题,可能少数几个不一样,也不值得整理了。所以有些可能没有。

其实开始复习之前也整理过别人的面经,大致都差不多。我这里就不提供具体的问题了,因为有好多人整理过了,所以可以参考他们。但是你在看别人整理的内容之前,最好自己已经了解一部分了。因为别人整理的东西为了简洁可能会把一些帮助理解的东西去掉,所以相当于你看到的只是结论。你看别人整理的东西的时候,最好是用来查缺补漏,而不是用来学习

JavaScript 基础

重点 js 高级程序设计 3 - 7 章,10 - 13 章,21 章

首先,基础知识一定要扎实。怎么样算扎实呢,举个例子吧,每个对象都有的 tostring 和 valueOf,谁能说出什么情况下触发哪一个

var obj = {}

console.log(obj);

console.log(+obj);

console.log(obj=={});

console.log(obj==={})

console.log(obj==‘test’)

console.log(obj===‘test’)

很多人只是过了一下,就比如别人整理的东西上面肯定不会说的特别详细,他只是给你个结论,所以你亲自试过吗?怎么试呢,其实很简单啊

var obj = {

toString:function(){

console.log(‘toString’)

return Object.prototype.toString.call(this)

},

valueOf:function(){

console.log(‘valueOf’)

return Object.prototype.valueOf.call(this)

}

}

alert(obj);

alert(+obj);

alert(obj=={});

alert(obj==={})

alert(obj==‘test’)

alert(obj===‘test’)

很简单就能测试出来什么时候用 valueOf 和 toString 了。

再比如数组哪些方法会改变原数组,哪些不会。其实这些书上都有,但是没有专门总结。因为总结不是书的事,书只负责教你知识,总结是你自己的事。一辈子不总结,一辈子都记不清。因为我也是从这种状态走过来的,所以希望大家学完一点东西以后总结一下,过段时间看一下。

如果你这两个都想的磕磕绊绊可能得看一下基础部分的内容。

网络

重点图解 http,极客时间的趣谈网络协议,博客

基础差不多了,还要看网络的东西,如果做开发的话,前后台都需要好好了解网络的知识。具体有 http,http 2.0,https,dns,cdn,tcp,缓存,跨域,安全,本地存储这些东西。前面那些计算机网络的东西可以通过图解 http 来做个大概的了解。这里想推荐极客时间的一门课程趣谈网络协议。如果有想试听的可以加我微信,通过我的链接购买的返利我也会返还给你,微信和链接放在最后。因为我之前也是特别头疼网络这方面的东西,不过听了以后就感觉好多了,甚至还能说下 quic 协议来装个逼。每天早上,中午晚上去学校实验室的路上听一下,反复听,这点东西听一个月就算弱智也能听会了。当然也要自己总结一下,因为有些讲的不是那么清楚,比如 https 的 pre-matser 那里,这就需要你自己去查一下。对于跨域,缓存,安全这些东西网上一找一大堆,我自己也整理过,所以也不是特别难,可能刚开始了解的不多,会觉得好难,其实看下来以后会觉得没那么难。这里特别要注意的就是 cookie 的一些属性,需要记一下。

html 和 css

css 权威指南 2、3、7、8、10 章,w3c,博客

html 首先要理解语义化,然后就是一些语义化的标签。语义化的好处,新增的一些特性。给你一个页面结构要能使用语义化标签准确还原。

css 这部分的话其实考的比较多的是一些实际的东西,但是首先基础你要知道。比如最基本的盒模型,还有一些 css3 新增的选择器,属性等。然后最经常的就是让你实现三栏两栏布局,所以基本的布局方式你也要了解吧。然后就是垂直居中,移动端适配等考的比较多。这些东西其实都是需要自己整理,然后一段时间复习一下。

ES6

重点 ES6 标准入门 2、3、7、11、14、16、18、19、22、23

ES6 重要且常用的特性基本都在这里面的,具体常问的有 let const,class,箭头函数,promise,async await,module 模块化。

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img

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

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

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
img

最后

小编综合了阿里的面试题做了一份前端面试题PDF文档,里面有面试题的详细解析

虽只说了一个公司的面试,但我们可以知道大厂关注的东西并举一反三,通过一个知识点延伸到另一个知识点,这是我们要掌握的学习方法,小伙伴们在这篇有学到的请评论点赞转发告诉小编哦,谢谢大家的支持!

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

要掌握的学习方法,小伙伴们在这篇有学到的请评论点赞转发告诉小编哦,谢谢大家的支持!

一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
[外链图片转存中…(img-ytRgr6Nt-1712487833810)]

  • 21
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值