前端面试面向对象_面向初级前端开发人员的面试问题

前端面试面向对象

The purpose of this article is to familiarize fresh Front-End Web Developers with text book questions. If you are just getting into the developer world there is a good chance you will feel nervous when interviewing for a developer’s positon. Because of this, some relatively basic questions could feel more difficult than how they actually are. A good counter for this scenario is to be properly prepared.

本文的目的是使刚接触前端的Web开发人员熟悉教科书中的问题。 如果您只是进入开发人员世界，那么在面试开发人员的职位时，您很有可能会感到紧张。 因此，一些相对基本的问题可能比实际问题更难。 对于这种情况，有一个很好的准备是正确的。

问题 (Questions)

Without further ado, here are a few questions that you could encounter:

事不宜迟，这里可能会遇到一些问题：

HTML / CSS (HTML/CSS)

1. In the context of CSS styling can you explain what does display-style: inline-block stand for?

   在CSS样式的上下文中，您可以解释display-style: inline-block代表什么吗？

2. If you have a <ul> element with several <li> elements, how would you go about setting up these elements in a row by using HTML and CSS?

   如果您的<ul>元素包含多个<li>元素，您将如何使用HTML和CSS在一行中设置这些元素？

3. In CSS styling when would you use floats? How do they work?

   在CSS样式中，什么时候使用float ？ 它们如何工作？

4. When would you use: clear: both;?

   什么时候使用： clear: both; ？

5. What is Bootstrap? When would you use it? How does its grid system work?
   什么是Bootstrap？ 您什么时候使用它？ 它的网格系统如何工作？
6. Explain the notion of responsive design and how it works? Use an example if you like.
   解释响应式设计的概念及其工作原理？ 如果您愿意，请使用示例。
7. What is a DOM? What do you know about it?
   什么是DOM？ 您对此有什么了解？
8. What is SASS? What are the advantages of using it?
   什么是SASS？ 使用它的好处是什么？

JavaScript (JavaScript)

1. What is ECMAScript?
   什么是ECMAScript？
2. What is jQuery and what is it commonly used for?
   jQuery是什么，它通常用于什么？

3. What is the difference between == and === in JS?

   JS中==和===什么区别？

4. Can you enumerate all JavaScript data types?
   您可以列举所有JavaScript数据类型吗？
5. What is a callback function in JS and when would you use one?
   JS中的回调函数是什么，什么时候使用？

6. What is the difference between undefined and null?

   undefined和null和有什么不一样？

7. What is an async response?
   什么是异步响应？
8. What does JSON stand for? What is it used for?
   JSON代表什么？ 它是干什么用的？
9. How would you explain an API request?
   您将如何解释API请求？
10. What APIs have you worked with?
    您使用过哪些API？
11. How would you send out/convert to JSON format?
    您将如何发送/转换为JSON格式？

12. What is the difference between GET and POST when specifying an AJAX request?

    指定AJAX请求时GET和POST什么区别？

软件/工具 (Software/Tooling)

1. Have you worked with Photoshop as a front end developer? For what purpose?
   您是否曾与Photoshop一起担任前端开发人员？ 出于什么目的？
2. What software versioning system have you used? Could you describe how a workflow would look like in this system?
   您使用了什么软件版本控制系统？ 您能描述一下该系统中工作流程的样子吗？

关于你 (About You)

1. What was the hardest project you ever worked on? Why was it difficult? If it is an application/algorithm can you explain how it works?
   您从事过的最艰巨的项目是什么？ 为什么很难？ 如果它是一个应用程序/算法，您能解释一下它是如何工作的吗？
2. How do you stay up to date with technology news?
   您如何了解最新的技术新闻？
3. What side projects have you been working on?
   您正在从事哪些副业？
4. Are there any languages or frameworks that you would like to learn in the future? How would you go about teaching yourself? Why did you pick those languages/frameworks?
   您将来想学习任何语言或框架吗？ 您将如何自学？ 为什么选择这些语言/框架？
5. What are the most important skills and qualities that a junior front end developer should have?
   初级前端开发人员应具备哪些最重要的技能和素质？

其他面试准备： (Other Interview Prep:)

• How to prepare for a successful software development job interview

  如何为成功的软件开发工作面试做准备

• Common SQL interview questions

  常见SQL面试问题

• How to prepare for the technical interview

  如何准备技术面试

• How to conquer job interview coding challenges

  如何克服面试编码的挑战

• How to answer (and ask) questions intelligently in your interview

  如何在面试中聪明地回答(和提出)问题

翻译自: https://www.freecodecamp.org/news/interview-questions-for-junior-front-end-developers/

前端面试面向对象