convert 4 space to 2 space.

Signed-off-by: Bo-Yi Wu <appleboy.tw@gmail.com>
This commit is contained in:
Bo-Yi Wu 2014-03-19 10:27:03 +08:00
parent 95e002e8e4
commit 3292d5b957
1 changed files with 37 additions and 37 deletions

View File

@ -4,7 +4,7 @@
譯注此翻譯版主要給不能流利的讀英文的人看相關專有名詞還是保留原文。翻譯不好地方請協助pull request.
此repository包含了一些前端開發的面試問題來審查一個有潛力的面試者。這並不是建議你對同一個面試者問上所有的問 (那會花費好幾小時)。從列表中挑幾個題目,應該就夠幫助你審查面試者是否擁有你需要的技能。
repository 包含了一些前端開發的面試問題,來審查一個有潛力的面試者。這並不是建議你對同一個面試者問上所有的問 (那會花費好幾小時)。從列表中挑幾個題目,應該就夠幫助你審查面試者是否擁有你需要的技能。
[Rebecca Murphey](http://rmurphey.com/) 的 [Baseline For Front-End Developers](http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/) 也是一篇很棒且值得讀的文章在你開始面試之前。
@ -12,15 +12,15 @@
## <a name='toc'>目錄</a>
1. [最初貢獻者](#contributors)
1. [常見問題](#general)
1. [HTML 規格問題集](#html)
1. [CSS 規格問題集](#css)
1. [JS 規格問題集](#js)
1. [jQuery 規格問題集](#jquery)
1. [程式碼問題集](#jscode)
1. [有趣問題](#fun)
1. [其他參考資料](#references)
1. [最初貢獻者](#contributors)
1. [常見問題](#general)
1. [HTML 規格問題集](#html)
1. [CSS 規格問題集](#css)
1. [JS 規格問題集](#js)
1. [jQuery 規格問題集](#jquery)
1. [程式碼問題集](#jscode)
1. [有趣問題](#fun)
1. [其他參考資料](#references)
####[[⬆]](#toc) <a name='contributors'>最初貢獻者:</a>
多數的問題都是從 [oksoclap](http://oksoclap.com/) 上的一個討論串截取出來,原創作人為 [Paul Irish](http://paulirish.com) ([@paul_irish](http://twitter.com/paul_irish)) 並由以下的人員所貢獻:
@ -47,26 +47,26 @@
* 你最熟悉哪一套版本控制系統?
* 你可以描述你在開發一個網站時的工作流程嗎?
* 你可以描述漸進增強 (progressive enhancement) 和優美退化 (graceful degradation) 間的差異嗎?
* 加分題:描述這兩項的特色?
* 加分題:描述這兩項的特色?
* 描述什麼是"Semantic HTML"
* 你怎麼優化一個網站的靜態檔案 (assets) 和資源 (resources)
* 可能的解決方法包含如下:
* File concatenation (檔案合併)
* File minification (最小化文檔)
* CDN Hosted (CDN託管)
* Caching (快取)
* …之類
* 可能的解決方法包含如下:
* File concatenation (檔案合併)
* File minification (最小化文檔)
* CDN Hosted (CDN託管)
* Caching (快取)
* …之類
* 為什麼用多個域名來放置網站資源會比較好?
* 瀏覽器一次能在同一個域名下載多少資源?
* 瀏覽器一次能在同一個域名下載多少資源?
* 說出三種能加快網頁讀取速度的方法? (感覺上的速度或是真正的讀取時間)
* 如果你加入了一個專案但是他們的程式碼用tabs但是你習慣用spaces (空白鍵),你會怎麼做?
* 建議此專案使用例如EditorConfig (http://editorconfig.org)
* 訂定一個公約 (保持一致)
* `issue :retab! command` (retab! 在vim中用來把所有spaces換成tabs)
* 建議此專案使用例如EditorConfig (http://editorconfig.org)
* 訂定一個公約 (保持一致)
* `issue :retab! command` (retab! 在vim中用來把所有spaces換成tabs)
* 寫一個簡易的投影片頁面
* 加分如果沒有用到 JavaScript
* 加分如果沒有用到 JavaScript
* 你用什麼工具來測試你的程式碼效能?
* Profiler, [JSPerf](http://jsperf.com/), [Dromaeo](http://dromaeo.com/)
* Profiler, [JSPerf](http://jsperf.com/), [Dromaeo](http://dromaeo.com/)
* 如果今年你能精通一項技術,那會是什麼?
* Long-Polling, Websockets, SSE(Server-Sent Event)之間有什麼差異?
* 描述標準和製定標準機構的重要性?
@ -78,9 +78,9 @@
* `doctype` 做什麼用的?
* standards mode 和 quirks mode 有什麼不同?
* 使用 XHTML 有什麼限制??
* 如果網頁使用 `application/xhtml+xml` 會有問題嗎?
* 如果網頁使用 `application/xhtml+xml` 會有問題嗎?
* 你怎麼做一個需要支持多國語言的網頁?
* 當開發和設計一個多國語言網站時,有什麼需要小心的?
* 當開發和設計一個多國語言網站時,有什麼需要小心的?
* `data-` 屬性的好處在哪?
* 考慮 HTML5 作為一個開放式的網站平台。HTML5 的 building blocks 有哪些?
* 請描述 cookies, sessionStorage 和 localStorage 的不同?
@ -95,7 +95,7 @@
* 你最喜愛的圖片取代技術是什麼?你什麼時候會用到?
* CSS 屬性 hacks, 也條件引用 .css 檔案, 或是… 其他的?
* 你怎麼讓你的網頁支援有功能限制的瀏覽器?
* 你會使用什麼樣的技術/流程
* 你會使用什麼樣的技術/流程
* 有什麼方法來隱藏網頁的內容? (只顯示在 screen readers)
* 你使用過 grid system 嗎?如果有的話?你較推薦哪個?
* 你曾經實作 media queries 或是 mobile specific (手機規格的) layouts/CSS?
@ -103,9 +103,9 @@
* 你如何優化你的網頁以利於列印?
* 在寫高效的 CSS 時,有什麼要注意的?
* 使用 CSS preprocessors 的優點和缺點是什麼? (SASS, Compass, Stylus, LESS)
* 如果是這樣, 描述你使用過的喜歡和不喜歡的 CSS preprocessors
* 如果是這樣, 描述你使用過的喜歡和不喜歡的 CSS preprocessors
* 你如何使用非標準字體來實作網頁設計?
* Webfonts (font services 像是: Google Webfonts, Typekit …等等)
* Webfonts (font services 像是: Google Webfonts, Typekit …等等)
* 解釋瀏覽器如何按照 CSS selector 找到對應的 element
* 解釋你所認知的 box model以及你如何在 CSS 告訴瀏覽器使用不同 box model 來呈現圖層?
* 請解釋 ```* { Box-sizing: Border-box; }```?並且說明使用它的好處
@ -113,9 +113,9 @@
* 請說明 inline 和 inline-block 的差異性?
* 請說明 relative、fixed、absolute 和 static 元件差異性
* 你目前有使用哪一套 CSS Framework 在開發環境或產品線上?
* 如果有,請問是哪一套,並且描述如果改善或提昇 CSS Framework
* 如果有,請問是哪一套,並且描述如果改善或提昇 CSS Framework
* 請問你有使用過 CSS Flexbox 或 Grid specs
* 如果有,你對於它們的效能論點想法是?
* 如果有,你對於它們的效能論點想法是?
####[[⬆]](#toc) <a name='js'>JS 規格問題集:</a>
@ -126,14 +126,14 @@
* AMD vs. CommonJS?
* 什麼是 hashtable?
* 解釋下列程式碼為什麼不是IIFE: `function foo(){ }();`. (Immediately Invoked Function Expression,立即函式)
* 需要修改那裡使它成為IIFE?
* 需要修改那裡使它成為IIFE?
* `null、`undefined`和 `undeclared`變數之間有什麼差異?
* 你如何檢查?
* 你如何檢查?
* 什麼是 closure, 如何/為什麼使用?
* anonymous functions 典型的使用時機?
* 描述 "JavaScript module pattern",你什麼情況會用到?
* 加分題:清楚地提到 namespacing.
* 如果你的 module 沒有命名空間怎辦?
* 加分題:清楚地提到 namespacing.
* 如果你的 module 沒有命名空間怎辦?
* 你如何架構你的程式碼? (module pattern, classical inheritance?)
* host objects 和 native objects 有何不同?
* `function Person(){}`、`var person = Person()`和`var person = new Person()`之間有何不同?
@ -142,12 +142,12 @@
* 你什麼時候優化你的程式?
* 你可以描述 inheritance 如何運作在 JavaScript
* 你什麼情況會使用 `document.write()`
* 多數的廣告產生仍然使用 `document.write()` 雖然這樣用會令人皺眉
* 多數的廣告產生仍然使用 `document.write()` 雖然這樣用會令人皺眉
* feature detection, feature inference, 和使用 UA string 有什麼不同?
* 盡可能的詳述描述 AJAX。
* 描述 JSONP 如何運作 (且為何它不是真正的 AJAX)
* 你是用過 JavaScript templating (樣板)
* 如果有的話,你有用過哪些 libraries (Mustache.js, Handlebars … 等)
* 如果有的話,你有用過哪些 libraries (Mustache.js, Handlebars … 等)
* 描述 "hoisting"
* 描述 event bubbling.
* "attribute" 和 "property" 的不同?
@ -177,7 +177,7 @@
* `.end()` 做些什麼?
* 如何給一個綁定的 event handler 命名空間?為什麼這樣做?
* 說出四種可以傳到 jQuery 方法的值
* Selector (string), HTML (string), Callback (function), HTMLElement, object, array, element array, jQuery Object … 等。
* Selector (string), HTML (string), Callback (function), HTMLElement, object, array, element array, jQuery Object … 等。
* 什麼是 effects (or fx) queue?
* `.get()`, `[]`, 和 `.eq()` 有何不同?
* `.bind()`, `.live()`, 和 `.delegate()` 有何不同?