背景:我毕业于宇宙科技大学计算机专业。我有两年的前台开发经验，在广州和深圳的两家小厂各工作了一年。 今年7月底，裸辞回家准备了两个月，中间见了几十二十家公司，终于拿到了不错的offer。 前言7月底，因为我在深圳租的房子刚刚到期，中间又有几件事情没办好，所以打算直接去裸辞做准备。 同时，在职业规划中，我希望在职业生涯初期能够去大厂(一线与否)工作。大厂提供的资源和大厂本身的生意远不是小厂能比的。能够加盟大厂，对我以后的职业规划会有很大的帮助。 同时，如果我今年选择加入小厂，三年内仍然保留加入大厂的想法，那么明年我会再次跳槽。算上今年，相当于我职业生涯前三年一年一跳，是非常大的HR缩减。 同时，我再次提醒你:不到最后一刻，不要选择裸辞。 一旦你选择了裸辞，你就会失去你的经济来源，而且短时间内就会好的。但是一旦经历了漫长的面试过程(比如腾讯的面试过程需要一个多月)，整个人的精神压力是非常大的。同时，如果裸辞理由不充分，也会在hr面试中被扣分。 到目前为止，我所有的流程如下:大厂:深圳Shopee(财务):offer金山办公软件(WPS+):offer；猎豹移动:要约；；腾讯教育(IM Web):三面，但是不知道为什么简历还在过程中；字节跳动(深圳舒菲):挂在两边；富途证券(架构集团):三面，我推的；深圳(一身制服):hr脸，我推的；中信信用卡R&D中心:三面，就是上了飞机就不想走了；Cvte(ES-Web):一方面技术端过关了，一方面hr端失败了。 小厂:深圳兔展:报价；；明远云:要约；；铱星技术:报价 大纲整篇文章就不一一列举上面我遇到过的公司的面试问题了。由于面试时问的问题大多与我简历上的项目经历密切相关，很多都不具有普遍参考价值。我会列举几个我在面试中经常遇到的问题，并给出我认为比较好的答案，供大家参考。 当然，我相信还是有很多人想看我完整的面试问题的。我已经全部整理出来，存放在I-want-offer/Fe-interview-questions[1]的仓库里，里面有我在整个准备过程中收集到的少量关于前台面试的知识，还有我经历过的面试问题，身边人经历过的面试问题，或者我在掘金上看到的有参考价值的面试问题。希望能帮上忙。 前台八股文js原型链继承的实现数据类型var、const、let参考es next最新规范的新流程。这就点到了问题，bind的实现方式，闭包事件循环[UHF]类型判断，手写承诺，其中，关于js语法的资料这里就不细说了，可以去仓库找相应的资料。 关于事件循环，大小工厂都有不同的疑问。 小型工厂通常让您直接指定事件循环的机制。这时候标准答案就是说事件循环分为浏览器的事件循环和节点的事件循环，分别说浏览器中的事件循环机制和节点的事件循环机制。 加分的是可以回答v8对async/await的优化以及node 11版本前后节点事件循环机制的区别(其实大部分面试官自己可能都不知道，面试的问题都是网上找的，所以如果你说的有道理，能吓到他，基本没问题) 具体回答请参考事件循环机制的完整回答[2]。 大厂是另一种提问方式。他一般不会直接让你去口述事件循环的原理。他会给你一个面试问题，里面包含了宏观任务和微观任务的各种坑。这种问题其实更简单。做的多了，自然就有了。 另外，关于手写承诺，目前小厂没问过我，大厂问过几次。他们让我写Promise.finally和Promise.all，实现思路很简单。请参考我用js实现的承诺A+[3]。 作为一个前端工程师，前后台沟通都知道，几个基础知识点足够你应付初中水平的面试题了，但如果你是程序员，这方面的知识还是需要丰富的。 这里没有讨论，只有面试问题。 输入URL到页面显示【UHF】跨域【UHF】HTTP版本(一般是缓存导致的)【HF】HTTPS原理【HF】TCP三次握手、四波TCP和UDP区别HTTP常见状态码认证输入URL到页面显示虽然是老生常谈，但我觉得这个问题基本涵盖了整个前台的所有基础知识点，可以回答的非常丰富。 建议大家看一下我的总结:浏览器输入URL的全过程[4]，分为网络章、分析算法章、渲染过程章三个步骤，讲述了整个过程经历了什么。 这个问题可以带出很多子问题，比如缓存、DNS解析、TCP连接、HTTP请求、重排和重绘等。如果控制得好，甚至可以控制整个面试过程，这对给面试官留下好印象很有帮助。 跨领域是另一个非常高频的问题。通常会问你跨域的原因和解决方法。网上有很多答案，这里就不解释了。 HTTP不同版本的差异通常不会让你干巴巴的回复。在我遇到的所有案例中，一般都是在我回答缓存的时候，面试官会让我停下来解释缓存。这个时候我回答了HTTP不同版本之间的一些区别；另外一部分会在我回答性能优化和HTTP2的时候回答。 HTTPS的问题也相对简单，而且问题通常很直接。一般会让你直接说出原理，然后让你总结握手过程。 偶尔会要求你比较HTTP的优缺点。 至于剩下的问题，你可以在仓库里找答案，也可以自己上网查。这些都是很基本的问题。 本来安全这个问题应该列在前后台沟通里，但是这个问题太高了，几乎每次面试都会被问到，所以我单独列出来。 具体答案可以参考我整理的这篇文章:前台安全[5] 通常在回答安全问题时，需要回答以下几点:有哪些安全问题？怎么处理呢 必须回答XSS和CSRF的问题。剩下的你知道多少就回答多少，但不要乱说。 一旦你胡说八道，很容易让人觉得你在背书，没有自己的理解(虽然你在背书)。 在工程这方面，我们一般是从一个项目入手，一般会提出问题:页面性能优化[UHF] webpack性能优化其实有相当多的东西是可以谈的，比如我们一般会从网络和加载的角度来处理性能问题。 从网络的角度，我们可以谈谈前面提到的缓存、CDN、HTTP2、图片格式的优化。 在加载方面，我们还可以讲一下webpack的打包和解包，摇树，懒加载和异步加载，多线程。 除了这两个角度，还可以从客户体验的角度进行优化，比如骨架屏、动画、虚拟滚动等。 除了这个常规的观点之外，现在我们在开发一个Web应用的时候一般都会用到框架，而且每个框架一般都有少量的支持性能优化的方法，比如shouldComponentUpdate、PureComponent、memo等在React中优化diff算法的方法也需要解答。 框架的优化问题通常是在你回答了性能优化的问题之后提出来的。 具体可以看这两篇:性能优化[6]React性能优化[7]至于webpack，以我目前的面试经验，提问比照片少，可以选择性关注。 框架基本上是现代Web应用开发的必备技能。 面试时，面试官一般会根据你简历上写的技术栈来提问。对于大小工厂，提问的方式可能略有不同。 对于小厂，如果你恰好在技术栈上认同他们，那么他们的问题基本上和大厂差不多；如果不匹配，那就全看面试官能不能理解你现在的技术栈了。如果他问了，他可能会问几个问题；否则他基本不会问问题。 对于大厂来说，基本上是问不出来的。 因为我的技术栈是React+Angular，所以在我所有的面试经历中，没有被问到过任何与Vue相关的问题(用Vue的同学心情都不好)。 目前我被问到的问题有:角度变化检查的原理以及如何优化React的diff算法。Angular的工作流程，React的事件机制是同步还是异步React和Angular的区别(如果你用过Vue，问的问题会改成Vue)React中各种组件复用的优缺点(mixin，render props，hoc，hook)React的纤程架构老版本React的一些生命周期被废弃React性能优化的原因以上问题大概率都会被问到。 2020年的TypeScript，ts基本上是一个前台从业者必须掌握的技能。一旦简历上说有ts开发经验，基本上面试的时候都会问一两个关于ts的问题。 少量的ts常识这里就不赘述了。这里我就筛选一下面试中遇到的少量问题。 另外，对于大小工厂来说，他们对ts掌握程度的要求是不一样的。对于小厂来说，他们希望面试者能够熟练运用ts进行业务拓展，所以ts概念的熟练程度对他们来说是最重要的。 对于大厂来说，他们可能更希望被采访者可以使用ts开发少量ts的周边工具，所以很少会直接询问少量ts的概念，一般会让你手写一个ts的工具功能。 目前我遇到的小工厂基本都会问ts中类型和接口的区别，基本只问这个问题。 另外，偶尔会问如何在ts中重载一个功能，基本上是从使用的角度来测试一个面试官ts的熟练程度。 在大厂，有两个问题让我印象深刻:1。实现ts < T >的工具函数getonlyfnprops，以提取其字段类型是泛型类型T中的函数的效用函数，其中T属于一个对象。 typeGetOnlyFnKeys = {[Keyinkeyof T]:T[K]extends function？k:never } typegetonlyfnProps = {[kingetonlyfnkeys]:t[k]} 2。实现了一个工具功能。，并提取泛型类型typeungenericpromise >:= TextendsPromise？u:永远不要投射经验在这个项目中有成千上万的人和面孔。我的项目经验对大多数人来说并不是很有价值。 但是在整个面试过程中，对整个项目的描述其实可以提取出来，组合成一组公式来描述:项目的背景是什么；当前项目的目的是什么；你在开发过程中的角色是什么；你在开发过程中遇到过什么样的问题；你如何处理这些问题？项目完成后，取得了哪些成果；这个公式基本可以完整的解释你参与的项目的全过程，也有利于面试官发现你项目中的闪光点，便于面试官在你的叙述中找到可以深挖的问题来问你。 同时，在你准备写简历的项目中，你最好自己走一遍上面的流程，这样有助于你发现自己可能还没有掌握的知识，查漏补缺。 算法:我相信大部分人对大厂面试的恐惧主要来自于对算法的恐惧，因为网上流传的各种面试题，都包含了很多leetcode中mid以上难度的算法题。 我也是如此，尤其是当我遇到字节跳动的时候。整个面试过程中我都很紧张，以为字节的算法问题会很难，很可能做不出来。 但是做完之后，其实就好了。难度基本控制在leetcode mid以下的水平，甚至我面对的几个大厂都没有涉及算法。 不过我觉得作为一个程序员，算法的水平绝对代表了你程序设计的好坏，所以提高你的算法水平对于开发高级Web应用是很有帮助的。 我在准备算法的时候就开始瞎刷leetcode题了。整个过程中，感觉进度很慢。很多题刷了一两遍，第三遍之后还是不知道该怎么办。 后来我放弃了这种漫无目的的刷题，开始在网上找几个前端算法的常见题。找到这篇文章:前端算法渣的救赎之路[8]，总结了前端面试中的几个常见问题，也给出了几个经典的算法题解答。在整个学习过程中，我的算法得到了很大的提升，同时也整理出了自己的一点算法经验[9] 同时，对于基础不是很扎实的人，我强烈推荐极客大学9.9的算法基础训练营。整个训练营看了4节课，基础肯定是夯实了。 在做算法的时候，我有一个自己的绝招:遇到问题，先尝试用最暴力的方法处理，然后分析暴力的方法会有什么样的问题，再处理遇到的问题。 这个方法基本可以解决我遇到的大部分算法问题。 大厂面试的特点是由于今年的特殊原因，所以基本上所有的公司都会采用远程面试的方式进行面试。 在我整个面试过程中，其实各大厂的面试风格都略有不同，我就一一细说。 CVTE:据我所知，CVTE会有很多轮人事面试。基本上可以说，每次技术面试之后，都会有一轮hr面试对你进行评估。 当时我技术端过了，hr端没过，hr端问的问题很犀利，但是技术难度不错。基本上，我可以按照我上面的模板，用组合拳回答7788。 CVTE方面没有涉及算法问题，所以后续采访我不是很清楚。 中信信用卡中心一面是前台，一面是后台，所以只有一面询问前台的知识问题，另一面只是简单的打电话聊天，主要是讲开发过程中的少量问题。过程很快很轻松，整个过程只有一道算法题，也出现在我上面整理的算法题库里。 百度一共4轮技术技能，分别是基本功(同级员工)+基本功(级别应该比你高一点)+领袖技能(整个R&D部门的技术总监)+boss技能(整个R&D部门的总总监)。一方面，百度需要你现场完成一套笔头试题，难度一般。基础知识点你都过了，没什么大问题。还有一个算法问题，是百度原创。 前两边都是前端开发，所以没有难度。涉及的知识点不仅限于前端，还包括网络和开发模式。 领导的表情很有趣。当时他们强烈要求我当场参加面试。领导者是一个非常年轻的家伙。因为他不是专职前台，所以他问的问题涉及到了整个计算机的所有知识点:数据结构、算法(原题，一个简单的递归)、操作系统，问你除了js还掌握了什么语言等等。整个过程非常轻松愉快。大家有说有笑。 老板气氛比较严肃，也可能是因为会议室空调有点冷。 基本上整个面试就是让我吹吹水，说说我的项目经历，以及如何应对。答案模板基本能按照上面的，最后还是通过了。 富途证券富途证券是目前为止被约谈时间最长的公司。每一轮面试基本都只是一个半小时。不知道有没有硬性规定，面试的时候要预留好时间。 因为我只经历过富途的两面，所以对整个两面之后的流程不是特别清楚，但是大部分互联网公司都差不多。 面试官是前台，问的问题非常详细。不仅需要听写少量的前台基础知识，还会有少量的试题让你完成。最后，还有一个算法问题。但是算法题并没有让我手写，只是让我说出实现思路，让我通过。 第二个面试官好像是我面试的那个组的开发负责人，所以整个过程没有涉及任何与前台相关的知识。当初也是在项目上吹水。后来它出了四道试题，包括算法。如果难度大概是leetcode mid的水平，你做过就好了。 我觉得金山软件的面试题还是挺有水平的。整个过程不涉及任何算法。一方面，有几个基本的前端问题。如果你把它们背下来，通过它们是非常容易的。 另一方面，有两个面试官，其中一个是整个R&D部门的前台领导。一开始可能会问一点关于框架的知识，看看你对框架了解多少。 然后从实际开发的角度出发，给你设计几个场景题，测试一个人的开发熟练程度，通过这种方式更容易找到熟练的前景开发。 至于三边，就是吹水的全过程，或者按照上面项目的公式吹水，整体也很轻松。 腾讯的面试风格和金山很像，但他问的基本问题会更复杂，也更少。它不会简单的让你说几个只需要靠背的没用的API，一般会用少量的手撕代码来测试。 然后每一方都会问你一点关于项目的问题，问的问题基本都是一样的，所以准备起来基本没有问题。 不过值得注意的是，你在问项目的时候，千万不要被面试官主导。回答的时候要自信，千万不要被面试官牵着鼻子走。 三面见面的时候，因为是第一次三面见面，没有经验，所以被面试官牵着鼻子走。因为这次和C端部门见面，面试官很可能没有搞清楚C端和B端的区别，用C端的思维来考察我的B端项目，导致我在整个面试过程中表现不佳。 所以在面试中，一旦发现面试官问的问题不太对，一定要及时说出来。 字节跳动问了一个非常详细的问题。我参加的两轮面试，问了一点基础知识，面试过程不会很长，大概45分钟。 同时，在做了一些自我细节之后，我给出了五道测试题。说完了，我就聊点别的。 第二次面试，简单描述了自己做过的项目，然后主要讨论了你做过的项目中用到的技术。 他给了我一个场景问题，然后让我按照场景里的内容去实现，最后给了我一个应该是原创的算法问题。 其实在遇到字节之前我就很紧张。个人对字节面试没抱什么希望，但是面试后感觉很多人把字节面试神话了，难度没有想象中的高。 不过我觉得面试我的两位面试官态度都非常好，几个我答不上来的问题都会提醒我，鼓励我。 虽然最后两面我都没有做，但是第二面的面试官在教我怎么做算法题方面给了我一定的帮助，也就是上面我算法总结的最后一段。 其实总结面试也是一回事。被问的问题多了，自然就能总结出自己的方法论。 但是，对于我们的程序员同行来说，一定要记住，面试就是面试，工作就是工作。面试不好的人，在工作上未必比你差。 说到底，你搞开发的时候，还是在技术层面说话。谁的水平高，谁的声音就大。你不要觉得进了大厂就一辈子安稳了，一定要不断提高自己的技术水平。 边肖是一名拥有多年开发经验的程序员。 想学好WEB前台，身边没有人可以指导你学习。无论是想向计算机专业WEB前台方向发展，还是零基础转行，都可以去这个WEB前台裙，在这里可以了解到最新的学习路线和教程。有什么不懂的可以在里面问。这是网络前台裙。 前面的三个输入296、中间的三个输入212和后面的三个输入562。