【译】面试 30 秒

一个面试常用的问题精选集，帮助你准备下一次面试

• 原文地址：github.com/30-seconds/…
• 原文作者：github.com/fejes713
• 译者：Yangfan2016

译者注

• 删除了重复部分，整理和精简了原文档的索引部分

• 由于全文超出 20 千字，受到掘金文章字数限制，这里只放了目录，具体全文请移步到这里 点我

• 水平有限，请大家指教

前言

面试是令人生畏的，它甚至可以让经验丰富的专家在压力之下大脑一片空白。复习和学习哪些在面试中常遇到的问题（从社区中收集了被问到的和他们是如何应对的问题）。通过把实践和现实生活结合起来，你就可以从容的准备面对下一次面试

在线观看

目录

JavaScript

查看内容

• 创建一个 batches 函数，返回一个食谱中可以被作为烹饪整批食材的最大数量
• 什么是大 O 标记法？
• 创建一个和 Function.prototype.bind 功能一样的独立函数 bind
• 你是怎么避免回调地狱的？
• 什么是回调，你可以举个例子吗？
• 在 JavaScript 中，你是如何克隆一个对象的？
• 什么是闭包，你可以举一个有用的例子吗？
• 在 JavaScript 中，你是如何比较两个对象的？
• 什么是 CORS？
• == 和 === 相等运算符有什么区别？
• 什么是事件代理，为什么它是有用的，你可以举个例子说明如何使用它？
• 什么是事件驱动编程？
• 在 JavaScript 中，表达式和语句的区别？
• 在 JavaScript 中，什么是真值（truthy），假值（falsy）?
• 生成一个包含的 n 项斐波那契数列元素的数组
• 0.1 + 0.2 === 0.3 表达式的值是？
• 数组 map() 和 forEach() 方法的区别？
• 什么是函数式编程？
• 下面的例子中，console.log 会打印出什么？
• 在 JavaScript 中，声明提升是如何工作的？
• 为何将 JavaScript 源文件里的整个内容用匿名函数包裹起来？
• 阐释下命令式编程和声明式编程的区别？
• 词法作用域和动态作用域的区别？
• 创建一个函数，用 ‘#’ 符号遮住字符串（除最后4个字符之外）
• 什么是缓存代理模式（memoization）？
• 什么是 MIME 类型，有什么作用？
• 对比下可变与不可变值，可变与不可变方法
• 在 JavaScript 中，哪个值不等于它自己？
• null 和 undefined 有何不同？
• 描述下创建对象方式的不同，哪种方式更推荐？
• 形参和实参的区别？
• JavaScript 里是通过值传递还是引用传递？
• 创建一个管道函数，返回一个接受一个参数从左到右执行的合成函数
• i++ 和 ++i 有什么不同？
• Promise 可以变成哪些状态？
• 什么是 Promises？
• 原型继承和经典继承方式有何不同？
• 什么是纯函数？
• 什么是递归，什么时候它是有用的？
• 下面的代码会输出什么？
• 下面的函数会返回什么？
• JavaScript 里分号是必须的吗？
• 在 JavaScript 里，什么是短路运算？
• 解释下静态方法和实例方法的区别
• 在 JavaScript 里，同步代码和异步代码有什么不同？
• this 关键字是什么，它是如何工作的？
• 下面的代码执行的结果是什么？
• 什么是 JavaScript 的数据类型？
• 诸如 React，Vue，Angular，Hyperapp 等 JavaScript UI 库/框架的目的是什么？
• 什么是 “严格模式”，它带来哪些关键性的好处？
• let var const 和无关键字声明变量有何不同？
• 什么是虚拟 DOM，为何库/框架都在用它？

React

查看内容

• setState 将回调函数作为参数目的是什么？
• 回调引用 refs 和 findDOMNode 哪个更推荐使用？
• React 组件中的属性（prop）children 是什么？
• React 为什么用 className 属性代替 class?
• 在 React 中，什么是 context？
• Element 和 Component 有什么区别？
• 在 React 中，错误边界是什么？
• 在 React 中，什么是 fragments？
• 什么是高阶组件？
• React 和 HTML 对事件处理的区别？
• 什么是内联条件表达式？
• 什么是 key ，在 lists 中使用的好处是什么？
• React 里的生命周期有哪些？
• React 组件中，生命周期的各个阶段是什么？
• 在 React 中，状态提升是什么意思？
• 在 React 类方式定义的组件中，你如何保证方法得到的 this 是正确的？
• 你是怎么给事件处理或回调函数传参的？
• 在 React 中，portals 是什么？
• 在 React 中，如何校验 prop？
• 在 React 里，如何写注释？
• 什么是 refs，我们如何使用它？
• 什么是有状态组件？
• 什么是无状态组件？

HTML

查看内容

• 图片里的 alt 属性是做什么的？
• <script> 标签的 defer 和 async 是什么？
• 不采用缓存的目的是什么，你如何实现它？
• 什么是 DOM？
• 一个页面里是否可以包含多个 <header> 元素， <footer> 元素呢？
• 讨论下 HTML 规范和浏览器实现之间的区别？
• 相比 HTML，XHTML 有哪些不同？
• 简明的阐述下 HTML5 语义标签 <header>，<article>，<section>，<footer> 的用法
• 什么是 HTML5 Web Storage，解释下 localStorage 和 sessionStorage？
• 什么时候和为什么使用 rel="noopener" 属性？

CSS

查看内容

• 什么是 CSS BEM？
• 简要阐述下 CSS 的盒模型，及各个组成部分？
• 用 CSS 预处理的优势是什么？
• CSS 里通用兄弟选择器和相邻兄弟选择器的区别？
• 你能描述下 CSS 优先级是如何工作的？
• em 和 rem 单位的区别？
• 使用 flexbox，创建一个 3 列布局，每一列取容器的百分之 col-{n}/12
• 什么是聚焦环，正确的解决方案是什么？
• 你能说出 @media 属性的四种类型吗？
• CSS 雪碧图的优势在哪里，如何使用？

Node

查看内容

• NodeJS 错误优先回调的模式有什么优势？
• 什么是 Nodejs 里的事件循环（event loop）？
• 什么是 REST？

安全

查看内容

• 什么是跨站脚本攻击（XSS），你是如何阻止它的？

协议

MIT. Copyright (c) Stefan Feješ.

• 本文仅代表原作者个人观点，译者不发表任何观点
• Markdown 文件由译者手动整理，如有勘误，欢迎指正
• 译文和原文采用一样协议，侵删

转载于:https://juejin.im/post/5c9243f96fb9a070ce31ab46