From 720583de217c2080477f6f36ee1cb88bd5ae660f Mon Sep 17 00:00:00 2001 From: Bo-Yi Wu Date: Tue, 3 Feb 2015 10:33:07 +0800 Subject: [PATCH 1/2] update table contents. Signed-off-by: Bo-Yi Wu --- Translations/Chinese-Traditional/README.md | 83 +++++++++------------- 1 file changed, 33 insertions(+), 50 deletions(-) diff --git a/Translations/Chinese-Traditional/README.md b/Translations/Chinese-Traditional/README.md index 4839db7..d5c6a92 100644 --- a/Translations/Chinese-Traditional/README.md +++ b/Translations/Chinese-Traditional/README.md @@ -10,33 +10,22 @@ ## 目錄 - 1. [最初貢獻者](#contributors) - 1. [常見問題](#general) - 1. [HTML 規格問題集](#html) - 1. [CSS 規格問題集](#css) - 1. [JS 規格問題集](#js) - 1. [jQuery 規格問題集](#jquery) - 1. [程式碼問題集](#jscode) - 1. [有趣問題](#fun) - 1. [其他參考資料](#references) + 1. [常見問題](#general-questions) + 1. [HTML 問題集](#html-questions) + 1. [CSS 問題集](#css-questions) + 1. [JS 問題集](#js-questions) + 1. [Network 問題集](#network-questions) + 1. [程式碼問題集](#coding-questions) + 1. [有趣問題](#fun-questions) -####[[⬆]](#toc) 最初貢獻者: -多數的問題都是從 [oksoclap](http://oksoclap.com/) 上的一個討論串截取出來，原創作人為 [Paul Irish](http://paulirish.com) ([@paul_irish](http://twitter.com/paul_irish)) 並由以下的人員所貢獻： +## 參與貢獻 -* [@bentruyman](http://twitter.com/bentruyman) - http://bentruyman.com -* [@cowboy](http://twitter.com/cowboy) - http://benalman.com -* [@ajpiano](http://ajpiano) - http://ajpiano.com -* [@SlexAxton](http://twitter.com/slexaxton) - http://alexsexton.com -* [@boazsender](http://twitter.com/boazsender) - http://boazsender.com -* [@miketaylr](http://twitter.com/miketaylr) - http://miketaylr.com -* [@vladikoff](http://twitter.com/vladikoff) - http://vladfilippov.com -* [@gf3](http://twitter.com/gf3) - http://gf3.ca -* [@jon_neal](http://twitter.com/jon_neal) - http://twitter.com/jon_neal -* [@wookiehangover](http://twitter.com/wookiehangover) - http://wookiehangover.com -* [@darcy_clarke](http://twitter.com/darcy) - http://darcyclarke.me -* [@iansym](http://twitter.com/iansym) + 1. [貢獻作者群](#contributors) + 1. [如何貢獻](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/CONTRIBUTING.md) + 1. [版權宣告](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/LICENSE.md) -####[[⬆]](#toc) 常見問題： + +####[[⬆]](#toc) 常見問題： * 你昨天或這週學習了什麼？ * 寫程式的哪部份最讓你感到很興奮或是有興趣？ @@ -75,7 +64,7 @@ * 什麼是 FOUC？ 你怎麼避免 FOUC? * 請詳細描述當您在網址列打入網址開始到最後網頁呈現在螢幕前的整個流程。 -####[[⬆]](#toc) HTML 規格問題集: +####[[⬆]](#toc) HTML 規格問題集: * `doctype` 做什麼用的？ * standards mode 和 quirks mode 有什麼不同？ @@ -86,9 +75,8 @@ * `data-` 屬性的好處在哪？ * 考慮 HTML5 作為一個開放式的網站平台。HTML5 的 building blocks 有哪些？ * 請描述 cookies, sessionStorage 和 localStorage 的不同？ -* 請描述 `GET` 和 `POST` 差異性 -####[[⬆]](#toc) CSS 規格問題集： +####[[⬆]](#toc) CSS 規格問題集： * CSS 的 class 和 ID 兩者有何差異？ * 描述 "reset" 在 CSS 中做什麼, 如何用？ @@ -123,7 +111,7 @@ * 如何區分 responsive design 與 adaptive design 有何不同？ * 你曾經使用過 retina graphics？如果有，是在什麼時機以及用了什麼技術？ -####[[⬆]](#toc) JS 規格問題集： +####[[⬆]](#toc) JS 規格問題集： * 描述 event delegation * 描述 `this` 如果運作在 JavaScript 中 @@ -166,17 +154,21 @@ * 什麼是 `"use strict";`? 使用他的優點和缺點是什麼？ * Create a for loop that iterates up to `100` while outputting **"fizz"** at multiples of `3`, `"buzz"` at multiples of `5` and **"fizzbuzz"** at multiples of `3` and `5` -####[[⬆]](#toc) jQuery 規格問題集： +####[[⬆]](#toc) 網路問題集: -* 描述 "chaining" -* 描述 "deferreds" -* 你知道哪些實作 jQuery 的優化方式？ -* `.end()` 做些什麼？ -* 說出四種可以傳到 jQuery 方法的值 - * Selector (string), HTML (string), Callback (function), HTMLElement, object, array, element array, jQuery Object … 等。 -* `.get()`, `[]`, 和 `.eq()` 有何不同？ +* Traditionally, why has it been better to serve site assets from multiple domains? +* Do your best to describe the process from the time you type in a website's URL to it finishing loading on your screen. +* What are the differences between Long-Polling, Websockets and SSE? +* Explain the following request and response headers: + * Diff. between Expires, Date, Age and If-Modified-... + * DNT + * Cache-Control + * Transfer-Encoding + * ETag + * X-Frame-Options +* 請描述 `GET` 和 `POST` 差異性 -####[[⬆]](#toc) 程式碼問題集: +####[[⬆]](#toc) 程式碼問題集: 問題：實作符合下面的函式 @@ -225,24 +217,15 @@ foo.push(2); **答案： `2`** -####[[⬆]](#toc) 有趣問題： +####[[⬆]](#toc) 有趣問題： * 你寫過最酷的程式是什麼？你最自豪的是什麼？ * 你使用的開發工具中，你最喜歡的部分是什麼？ * 你有任何的 pet projects (個人開發的小專案)？ 什麼樣的？ * 你最喜歡 IE 瀏覽器的什麼特點？ -####[[⬆]](#toc) 其他參考資料: +#### 貢獻作者群: -* http://programmers.stackexchange.com/questions/46716/what-technical-details-should-a-programmer-of-a-web-application-consider-before -* http://www.nczonline.net/blog/2010/01/05/interviewing-the-front-end-engineer/ -* http://css-tricks.com/interview-questions-css/ -* http://davidshariff.com/quiz/ -* http://blog.sourcing.io/interview-questions -* http://www.toptal.com/javascript/interview-questions -* http://www.sitepoint.com/5-typical-javascript-interview-exercises/ -* http://www.sitepoint.com/5-javascript-interview-exercises/ +此文件是由 [@paul_irish](http://twitter.com/paul_irish) [@bentruyman](http://twitter.com/bentruyman) [@cowboy](http://twitter.com/cowboy) [@ajpiano](http://twitter.com/ajpiano) [@SlexAxton](http://twitter.com/slexaxton) [@boazsender](http://twitter.com/boazsender) [@miketaylr](http://twitter.com/miketaylr) [@vladikoff](http://twitter.com/vladikoff) [@gf3](http://twitter.com/gf3) [@jon_neal](http://twitter.com/jon_neal) [@sambreed](http://twitter.com/sambreed) and [@iansym](http://twitter.com/iansym) 於 2009 年共同發起。 -####[[⬆]](#toc) 版權宣告: - -Copyright 2012 by Darcy Clarke, released under the [MIT License](http://opensource.org/licenses/MIT). See LICENSE file for details. +目前已經超過 [100 開發者](https://github.com/h5bp/Front-end-Developer-Interview-Questions/graphs/contributors) 參與此專案. From 463c4552206cefa61aef6eca493bc4354bbca159 Mon Sep 17 00:00:00 2001 From: Bo-Yi Wu Date: Tue, 3 Feb 2015 11:22:19 +0800 Subject: [PATCH 2/2] update to latest question. Signed-off-by: Bo-Yi Wu --- Translations/Chinese-Traditional/README.md | 103 ++++++++------------- 1 file changed, 39 insertions(+), 64 deletions(-) diff --git a/Translations/Chinese-Traditional/README.md b/Translations/Chinese-Traditional/README.md index d5c6a92..d25c2c2 100644 --- a/Translations/Chinese-Traditional/README.md +++ b/Translations/Chinese-Traditional/README.md @@ -2,20 +2,18 @@ 譯注：此翻譯版，主要給不能流利的讀英文的人看，相關專有名詞還是保留原文，翻譯不好地方請協助 Pull request。 -此 repository 包含了一些前端開發的面試問題，來審查一個有潛力的面試者。這並不是建議你對同一個面試者問上所有的問 (那會花費好幾小時)。從列表中挑幾個題目，應該就夠幫助你審查面試者是否擁有你需要的技能。 - -在你開始面試之前，[Rebecca Murphey](http://rmurphey.com/) 的 [Baseline For Front-End Developers](http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/) 也是一篇很棒且值得閱讀的文章。 +此文件包含了一些前端開發的面試問題，來審查一個有潛力的面試者。這並不是建議你對同一個面試者問上所有的問 (那會花費好幾小時)。從列表中挑幾個題目，應該就夠幫助你審查面試者是否擁有你需要的技能。 **注意：** 請記住一點，很多問題都是隨情況而變化，能引發很多有趣的討論，比直接的標準答案更能讓你瞭解此人的能力。 ## 目錄 1. [常見問題](#general-questions) - 1. [HTML 問題集](#html-questions) - 1. [CSS 問題集](#css-questions) - 1. [JS 問題集](#js-questions) - 1. [Network 問題集](#network-questions) - 1. [程式碼問題集](#coding-questions) + 1. [HTML 問題](#html-questions) + 1. [CSS 問題](#css-questions) + 1. [JS 問題](#js-questions) + 1. [Network 問題](#network-questions) + 1. [程式碼問題](#coding-questions) 1. [有趣問題](#fun-questions) ## 參與貢獻 @@ -25,62 +23,46 @@ 1. [版權宣告](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/LICENSE.md) -####[[⬆]](#toc) 常見問題： +#### 常見問題： * 你昨天或這週學習了什麼？ * 寫程式的哪部份最讓你感到很興奮或是有興趣？ +* What is a recent technical challenge you experienced and how did you solve it? * 當你開發Web應用程式或網站時，針對UI、安全性、效能、SEO、維護性，以及技術，你考量的點是什麼？ * 說說你喜好的開發環境 (作業系統, 編輯器或 IDE, 瀏覽器, 開發工具 … 之類) * 你最熟悉哪一套版本控制系統？ * 你可以描述你在開發一個網站時的工作流程嗎？ * 如果有 5 種不同的樣式表 (stylesheets)，該如何整併到網站？ - * 檔案合併 * 你可以描述漸進增強 (progressive enhancement) 和優美退化 (graceful degradation) 間的差異嗎？ - * 加分題：描述這兩項的特色？ * 你怎麼優化一個網站的靜態檔案 (assets) 和資源 (resources)？ - * 可能的解決方法包含如下： - * File concatenation (檔案合併) - * File minification (最小化文檔) - * CDN Hosted (CDN託管) - * Caching (快取) - * …之類 -* 傳統上為什麼用多個域名來放置網站資源會比較好？ - * 瀏覽器一次能在同一個域名下載多少資源？ - * 有哪些是例外？ - * 對於手持裝置可能是個缺點 (http://www.mobify.com/blog/domain-sharding-bad-news-mobile-performance/) - * 對於 HTTP2 / [SPDY](http://en.wikipedia.org/wiki/SPDY) 也是例外 -* 說出三種能加快網頁讀取速度的方法？ (感覺上的速度或是真正的讀取時間) +* 說出三種能加快網頁讀取速度的方法 (感覺上的速度或是真正的讀取時間)。 * 如果你加入了一個專案，但是他們的程式碼用 tabs，但是你習慣用spaces (空白鍵)，你會怎麼做？ - * 建議此專案使用，例如：EditorConfig (http://editorconfig.org) - * 訂定一個公約 (保持一致) - * `issue :retab! command` (retab! 在 vim 中用來把所有 spaces 換成 tabs) * 寫一個簡易的投影片頁面 - * 加分如果沒有用到 JavaScript * 你用什麼工具來測試你的程式碼效能？ - * Profiler, [JSPerf](http://jsperf.com/), [Dromaeo](http://dromaeo.com/) * 如果今年你能精通一項技術，那會是什麼？ -* Long-Polling, Websockets, SSE(Server-Sent Event)之間有什麼差異？ * 描述標準和製定標準機構的重要性？ * 什麼是 FOUC？ 你怎麼避免 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. -####[[⬆]](#toc) HTML 規格問題集: +#### HTML 問題: * `doctype` 做什麼用的？ * standards mode 和 quirks mode 有什麼不同？ * 使用 XHTML 有什麼限制？? - * 如果網頁使用 `application/xhtml+xml` 會有問題嗎？ +* 如果網頁使用 `application/xhtml+xml` 會有問題嗎？ * 你怎麼做一個需要支持多國語言的網頁？ - * 當開發和設計一個多國語言網站時，有什麼需要小心的？ +* 當開發和設計一個多國語言網站時，有什麼需要小心的？ * `data-` 屬性的好處在哪？ * 考慮 HTML5 作為一個開放式的網站平台。HTML5 的 building blocks 有哪些？ -* 請描述 cookies, sessionStorage 和 localStorage 的不同？ +* 請描述 `cookies`, `sessionStorage` 和 `localStorage` 的不同？ +* Describe the difference between `