【譯】面試 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 文件由譯者手動整理，若有勘誤，歡迎指正
• 譯文和原文采用同樣協議，侵刪