作为初级前端开发人员你需要了解什么 + 面试附加问题

当您开始学习前端并获得一些开发简单网页的知识时，您可能会问自己一个问题：“我准备好开始第一份工作了吗？”。

职位描述中的要求经常说：“了解 HTML、CSS 和 JavaScript”或“你应该了解 React/Angular/Vue”，但这到底意味着什么呢？

在这篇文章中，我将尝试解释一下你真正需要了解哪些知识才能成为一名初级前端开发人员。具体要求可能因工作而异，但这篇文章很好地概述了你需要掌握的技能。

作为初级前端开发人员你需要了解的 HTML 知识

乍一看，这是 Web 开发中最简单的部分，但即使对于经验丰富的开发人员来说，它也可能带来麻烦。作为初级开发人员，你应该了解最常见的 HTML 元素以及它们如何影响 SEO。

常见的 HTML 面试问题

1. 使用适当的 HTML 元素重写给定的代码示例。
2. HTML 的哪些部分对 SEO 影响最大。
3. 在社交媒体上分享时，您应该包含哪些内容来更改网站缩略图。
4. 如何优化图像以获得最佳性能和质量？
5. 元素中的属性defer是什么以及有什么区别？asyncscript

作为初级前端开发人员你需要了解的 CSS 知识

作为初级前端开发人员，您应该了解大多数 CSS 属性。

您应该知道如何构建常见的 UI 元素（例如模态导航或多级导航）、如何实现 CSS 动画以及如何使用 Flexbox 和 CSS Grid。

通常必须具备响应式设计的知识和针对小屏幕开发的良好实践。

在商业项目中，你很少会看到纯 CSS 文件。了解 CSS 预处理器，例如 SCSS、BEM 方法论和 CSS-in-JS。

常见的 CSS 面试问题

1. box-sizing: content-box和有什么区别box-sizing: border-box。
2. CSS 动画有哪些好的实践？哪些应该避免？为什么？
3. 使用 BEM 方法在 SCSS 中重写给定的代码示例。
4. 你知道哪些财产的价值display？它们之间有什么区别？

作为初级前端开发人员你需要了解的 JavaScript 知识

在面试中，你应该会遇到关于 DOM 操作、最常用数组方法的使用以及 JavaScript 的许多其他方面的问题。很难一一列举。最终，你应该能够理解用 JavaScript 编写的代码并编写简单的功能。我建议你看看YouTube 上 Fun Fun Function 频道的《JavaScript 函数式编程》系列课程，以及 freeCodeCamp 上的免费《JavaScript 算法和数据结构》课程。完成这些课程后，你应该能够回答大多数与 JavaScript 相关的问题。

常见的 JavaScript 面试问题

1. var、let 和 const 之间有什么区别？
2. 使用filter数组方法从给定数组中删除每个奇数。
3. 实现reverse方法，该方法适用于每个字符串。例如，使用"string".reverse()给出"gnirts"。
4. this箭头函数和常规函数中的行为如何？

您应该了解的有关 JavaScript 框架（例如 React、Angular 或 Vue）的知识

初级前端开发人员并不一定需要具备 JavaScript 框架知识。但有些公司要求你具备 JavaScript 框架知识才能开始参与项目工作；而有些公司则会在面试中获得加分。

测试你的框架知识最常见的方法是在面试前完成一项任务。你应该知道如何与外部 REST API 交互，管理和发送表单数据，以及如何实现简单的 UI 元素，例如模态框、下拉菜单、标签页或滑块。

了解代码测试技术是件好事，这样你至少可以谈论它们。

常见的 React/Angular/Vue 面试问题

1. 创建应用程序，从 API 获取电影列表，可以对其进行排序并在单独的页面上显示电影详细信息（面试前的任务）
2. 使用状态管理库（例如，React 中的 Redux 或 Mobx）来实现计数器。你应该能够使用按钮来增加或减少计数器的值。
3. 描述如何在给定的框架中调试 Web 应用程序。

奖励：软技能

求职时，拥有良好的软技能至关重要。应用程序开发几乎总是需要团队合作。面试时，你应该展现出一个易于沟通和合作的人。

真正对谈话感兴趣并积极参与。尝试解释并描述你的解决方案。如果面试官喜欢你，你被录用的机会就会更大。

面试前，查找有关您所申请的公司的信息，并尝试在谈话中使用这些信息。

展示你的经验的最佳方式是什么

记住，你不需要有商业经验就能获得初级前端开发人员的职位。相反，你应该在业余项目中展示你的技能。阅读《初级前端开发人员应该做的 5 个 JavaScript 项目》这篇文章，获取一些灵感。

我会定期发布关于 Web 开发的见解。
欢迎订阅我的新闻通讯。
访问我的博客slawkolodziej.com了解更多精彩内容。欢迎在Twitter
上关注我。