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 `