Front-end Job Interview Questions github上的一些前端设计问题，当年很多开发者贡献了这些精选问题(还在陆续更新中)。 几年以后，看看这些面试题目，详细展开讨论讨论，也很有启发

Photo by Shahadat Rahman on Unsplash

General Questions

  • What did you learn yesterday/this week?
  • What excites or interests you about coding?
  • What is a recent technical challenge you experienced and how did you solve it?
  • When building a new web site or maintaining one, can you explain some techniques you have used to increase performance?
  • Can you describe some SEO best practices or techniques you have used lately?
  • Can you explain any common techniques or recent issues solved in regards to front-end security?
  • What actions have you personally taken on recent projects to increase maintainability of your code?
  • Talk about your preferred development environment.
  • Which version control systems are you familiar with?
  • Can you describe your workflow when you create a web page?
  • If you have 5 different stylesheets, how would you best integrate them into the site?
  • Can you describe the difference between progressive enhancement and graceful degradation?
  • How would you optimize a website’s assets/resources?
  • How many resources will a browser download from a given domain at a time?
  • What are the exceptions?
  • Name 3 ways to decrease page load (perceived or actual load time).
  • If you jumped on a project and they used tabs and you used spaces, what would you do?
  • Describe how you would create a simple slideshow page.
  • If you could master one technology this year, what would it be?
  • Explain the importance of standards and standards bodies.
  • What is Flash of Unstyled Content? How do you avoid FOUC?
  • Explain what ARIA and screenreaders are, and how to make a website accessible.
  • Explain some of the pros and cons for CSS animations versus JavaScript animations.
  • What does CORS stand for and what issue does it address?
  • How did you handle a disagreement with your boss or your collaborator?
  • What resources do you use to learn about the latest in front end development and design?
  • What skills are needed to be a good front-end developer?
  • What role do you see yourself?
  • Explain the difference between cookies, session storage, and local storage?

综合问题

  • 昨天/本周您学习了什么? 回答要点
  • 编程如何使您兴奋或者说使您感兴趣? google search
  • 最近经历的技术挑战是什么? 您怎么解决的?
  • 构建新站点或者维护原有网站时, 为增加效率您使用了哪几项技术? 简单解释下这几项技术
  • 请说说您最近使用的一些SEO最佳实践或者技术
  • 请说说关于前端安全的通用技术或者最近解决的一些问题
  • 您个人在最近的项目中为增加代码可维护性做了那些工作？
  • 说说您喜欢的开发环境.
  • 说说您熟悉的版本控制工具
  • 请描述下您创建网页的工作流程
  • 如果给您5个不同的样式表, 您如何最好的把整合他们到网站？
  • 请解释下渐进式增强和优雅降级?
  • 请说说如何优化网站的资源文件?
  • 浏览器从特定域一次可以同时下载几个资源?
  • 请您说说异常?
  • 请说出3种降低页面加载时间的技术(用户觉察到的或者真实的加载时间).
  • 如果您被抽去一个项目,他们使用tab键而您使用空格,您会怎么做?
  • 请说说您如何创建一个简单的幻灯片页面.
  • 如果今年您可以掌握一个技术，请问是哪个?
  • 请解释下标准和标准团体的重要性
  • 什么是FOUC(未添加样式表内容闪烁,Flash of Unstyled Content)? 如何避免?
  • 什么是 ARIA，什么是 screenreaders, 如何使网站具有更好的可访问性
  • 和javascript脚本动画相比, CSS动画有何优缺点.
  • 什么是 CORS, 它解决了什么问题?
  • 您如何处理与您的老板或项目合作者的分歧
  • 您学习最新的前端开发设计的资源有那些?
  • 您认为成为一个良好的前端开发这需要那些技能?
  • 您如何看待自己的,在工作中的角色?
  • 请解释下cookies, session storage, 和 local storage的不同

The MIT License (MIT)

Copyright (c) 2012 - 2019 Contributors to https://github.com/h5bp/Front-end-Developer-Interview-Questions

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.