前端面试通关指南

时间 2019-11-18

标签前端面试通关指南栏目快乐工作繁體版

原文原文链接

简评：任何面试就两步，大量的准备（战前分析），面试的表现（做战发挥）。不少人以为面试难，多是第一步，准备还不够充分。

前端面试很难，这是事实，不但须要牢固掌握计算机科学基础知识，并且还须要了解 Web 性能，构建系统和 CSS 布局引擎等内容。因此特此写一个指引性质的文章，来帮助前端开发者更好的应对面试。javascript

★面试前准备css

在你的面试以前，询问招聘者面试的方式。html

一些面试可能围绕白板，一些面试可能使用像 CoderPad 这样的在线文本编辑器。重要的是，预演面试环境，并加以练习。前端

另外，能够要求面试者提供一些公司关注的方向，或是自习研究一下职位 JD，由于一些公司除了问你前端的具体问题外，可能还会问你传统计算机科学的问题，如排序算法和搜索等。java

☆前端概念程序员

HTML 和 CSS，Javascript 和 Javascript 设计模式是你在面试期间将要测试的关键概念。面试

HTML + CSS算法

HTML 和 CSS 就像前端开发的面包和黄油。在面试过程当中，你极可能会被问及 HTML 和 CSS 的细微差异。此外，招聘方还可能让你编写基于模型的布局。设计模式

防微杜渐，如下是一些 HTML 和 CSS 的基本概念：promise

除了这些概念，了解 CSS 预处理器，如 SASS 或 LESS 及其优势。也熟悉CSS命名约定像BEM 和 OOCSS。

一些面试官会要求你在 HTML 和 CSS 中从新建立布局。在 CodePen 上练习。检查Dribbble，由于它有不少简单但不错的设计，将是有趣的从新建立。

最后，做为前端，咱们习惯于在编辑器中进行更改，而后验证浏览器中的更改。

一般在采访期间，你没法享受到这种奢侈。当你准备面试时，尝试用代码写大部分的布局，而不看结果，直到结束。

JavaScript

若是 HTML 和 CSS 是前端开发的面包和黄油，那么 Javascript 就是刀了。公司将花费大量时间测试你的 Javascript 知识。许多问题将围绕如下概念。

若是你对本身的 Javascript 能力有信心，那来测试一下你的知识吧。

Design Patterns

Javascript 中的设计模式为你提供了常见问题的可重复解决方案。这些是一些重要的知道的设计模式。

除了Javascript 设计模式，熟悉 Javascript 框架也是颇有必要的。这不意味着你须要学习一个新架构，你只须要理解面试公司团队以前使用的架构，以及为何使用这个架构。另外，若是你正在面试一个像 React Flux 或 Angular 的相关职位，请事先查看框架架构的一些文档。

☆计算机科学概念

有些公司在雇佣前端以前，会先雇佣软件工程师。这意味着公司但愿你可以有良好的软件设计原则，可扩展的代码结构体系和测试等素质。

若是面试公司要求了解数据结构和算法，那么你能够继续看，若不要求，能够跳过此章节。

Data Structures

这是一些基本的数据结构，不要只是阅读它们，花时间在 Javascript 中实现它们。若是你不熟悉单元测试，请使用像 Mocha 这样的库来测试你的数据结构，以便学习。

注意：对于图形你还要知道如何实现深度优先和广度优先搜索遍历。

有些数据结构的实现，你能够参照 SanFoundry。全部例子都是 Java 的可是在 JS 重构很是简单。

Sorting

一旦你对数据结构有信心，就能够进入排序。

在 Javascript 中实现它们，而后记下他们的时间和空间的复杂性。

在检查数据结构和算法后，使用 Leetcode 和这些问题测试你的知识。

★临场发挥

上述有不少材料，要学的也不少，毕竟一入前端深似海。找到本身的学习节奏，去征服面试。

另外你要谨记，面试不能完整地衡量程序员的价值！

有些人擅长面试，有些人不擅长。有些人和面试官很搭，有些人由于是老乡而更受青睐，因此放轻松，作最好的准备，而且在面试中把你所准备的都呈现出来，那就够了！

原文： Cracking the front-end interview