From 91b201fe5a0e5558cc32c8b71fa79fe6e8187577 Mon Sep 17 00:00:00 2001 From: Bo-Yi Wu Date: Fri, 21 Feb 2014 18:54:17 +0800 Subject: [PATCH] convert tab to space. Signed-off-by: Bo-Yi Wu --- Chinese-Tranditional/README.md | 134 ++++++++++++++++----------------- 1 file changed, 67 insertions(+), 67 deletions(-) diff --git a/Chinese-Tranditional/README.md b/Chinese-Tranditional/README.md index 3d6908c..1624474 100644 --- a/Chinese-Tranditional/README.md +++ b/Chinese-Tranditional/README.md @@ -12,15 +12,15 @@ ## 目錄 - 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) 最初貢獻者: 多數的問題都是從 [oksoclap](http://oksoclap.com/) 上的一個討論串截取出來，原創作人為 [Paul Irish](http://paulirish.com) ([@paul_irish](http://twitter.com/paul_irish)) 並由以下的人員所貢獻： @@ -43,44 +43,44 @@ * 你昨天或這週學習了什麼？ * 寫程式的哪部份最讓你感到很興奮或是有興趣？ * 當你開發Web應用程式或網站時，針對UI、安全性、效能、SEO、維護性，以及技術，你考量的點是什麼？ -* 說說你喜好的開發環境 (作業系統, 編輯器, 瀏覽器, 開發工具 … 之類) +* 說說你喜好的開發環境 (作業系統, 編輯器, 瀏覽器, 開發工具 … 之類) * 你可以描述你在開發一個網站時的工作流程嗎？ * 你可以描述漸進增強 (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) + * 瀏覽器一次能在同一個域名下載多少資源？ +* 說出三種能加快網頁讀取速度的方法？ (感覺上的速度或是真正的讀取時間) +* 如果你加入了一個專案，但是他們的程式碼用tabs，但是你習慣用spaces (空白鍵)，你會怎麼做？ + * 建議此專案使用，例如：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)之間有什麼差異？ * 描述標準和製定標準機構的重要性？ -* 什麼是 FOUC？ 你怎麼避免 FOUC? +* 什麼是 FOUC？ 你怎麼避免 FOUC? ####[[⬆]](#toc) HTML 規格問題集: * `doctype` 做什麼用的？ * standards mode 和 quirks mode 有什麼不同？ -* 使用 XHTML 有什麼限制？? - * 如果網頁使用 `application/xhtml+xml` 會有問題嗎？ +* 使用 XHTML 有什麼限制？? + * 如果網頁使用 `application/xhtml+xml` 會有問題嗎？ * 你怎麼做一個需要支持多國語言的網頁？ - * 當開發和設計一個多國語言網站時，有什麼需要小心的？ -* `data-` 屬性的好處在哪？ -* 考慮 HTML5 作為一個開放式的網站平台。HTML5 的 building blocks 有哪些？ + * 當開發和設計一個多國語言網站時，有什麼需要小心的？ +* `data-` 屬性的好處在哪？ +* 考慮 HTML5 作為一個開放式的網站平台。HTML5 的 building blocks 有哪些？ * 請描述 cookies, sessionStorage 和 localStorage 的不同？ ####[[⬆]](#toc) CSS 規格問題集： @@ -90,20 +90,20 @@ * 有哪些不同的 clearing 技術？哪個適用在哪種內容上？ * 描述 CSS sprites, 你如何實作在網頁或網站上？ * 你最喜愛的圖片取代技術是什麼？你什麼時候會用到？ -* CSS 屬性 hacks, 也條件引用 .css 檔案, 或是… 其他的？ +* CSS 屬性 hacks, 也條件引用 .css 檔案, 或是… 其他的？ * 你怎麼讓你的網頁支援有功能限制的瀏覽器？ - * 你會使用什麼樣的技術/流程 ？ + * 你會使用什麼樣的技術/流程 ？ * 有什麼方法來隱藏網頁的內容？ (只顯示在 screen readers)？ * 你使用過 grid system 嗎？如果有的話？你較推薦哪個？ -* 你曾經實作 media queries 或是 mobile specific (手機規格的) layouts/CSS? -* 你熟悉任何有關 SVG 嗎？ -* 你如何優化你的網頁以利於列印？ +* 你曾經實作 media queries 或是 mobile specific (手機規格的) layouts/CSS? +* 你熟悉任何有關 SVG 嗎？ +* 你如何優化你的網頁以利於列印？ * 在寫高效的 CSS 時，有什麼要注意的？ -* 使用 CSS preprocessors 的優點和缺點是什麼？ (SASS, Compass, Stylus, LESS) - * 如果是這樣, 描述你使用過的喜歡和不喜歡的 CSS preprocessors +* 使用 CSS preprocessors 的優點和缺點是什麼？ (SASS, Compass, Stylus, LESS) + * 如果是這樣, 描述你使用過的喜歡和不喜歡的 CSS preprocessors * 你如何使用非標準字體來實作網頁設計？ - * Webfonts (font services 像是: Google Webfonts, Typekit …等等) -* 解釋瀏覽器如何按照 CSS selector 找到對應的element？ + * Webfonts (font services 像是: Google Webfonts, Typekit …等等) +* 解釋瀏覽器如何按照 CSS selector 找到對應的element？ * 解釋你所認知的box model，以及你如何在CSS告訴瀏覽器使用不同box model來呈現圖層？ ####[[⬆]](#toc) JS 規格問題集： @@ -115,39 +115,39 @@ * AMD vs. CommonJS? * 什麼是 hashtable? * 解釋下列程式碼為什麼不是IIFE: `function foo(){ }();`. (Immediately Invoked Function Expression,立即函式) - * 需要修改那裡使它成為IIFE? + * 需要修改那裡使它成為IIFE? * `null、`undefined`和 `undeclared`變數之間有什麼差異？ - * 你如何檢查？ + * 你如何檢查？ * 什麼是 closure, 如何/為什麼使用? -* anonymous functions 典型的使用時機？ +* anonymous functions 典型的使用時機？ * 描述 "JavaScript module pattern"，你什麼情況會用到？ - * 加分題：清楚地提到 namespacing. - * 如果你的 module 沒有命名空間怎辦？ -* 你如何架構你的程式碼？ (module pattern, classical inheritance?) -* host objects 和 native objects 有何不同？ + * 加分題：清楚地提到 namespacing. + * 如果你的 module 沒有命名空間怎辦？ +* 你如何架構你的程式碼？ (module pattern, classical inheritance?) +* host objects 和 native objects 有何不同？ * `function Person(){}`、`var person = Person()`和`var person = new Person()`之間有何不同？ * `.call` 和 `.apply`有何不同？ -* 描述 `Function.prototype.bind`? +* 描述 `Function.prototype.bind`? * 你什麼時候優化你的程式？ * 你可以描述 inheritance 如何運作在 JavaScript？ * 你什麼情況會使用 `document.write()`？ - * 多數的廣告產生仍然使用 `document.write()` 雖然這樣用會令人皺眉 + * 多數的廣告產生仍然使用 `document.write()` 雖然這樣用會令人皺眉 * feature detection, feature inference, 和使用 UA string 有什麼不同？ * 盡可能的詳述描述 AJAX。 -* 描述 JSONP 如何運作 (且為何它不是真正的 AJAX) +* 描述 JSONP 如何運作 (且為何它不是真正的 AJAX) * 你是用過 JavaScript templating (樣板) ？ - * 如果有的話，你有用過哪些 libraries？ (Mustache.js, Handlebars … 等) + * 如果有的話，你有用過哪些 libraries？ (Mustache.js, Handlebars … 等) * 描述 "hoisting" * 描述 event bubbling. -* "attribute" 和 "property" 的不同？ +* "attribute" 和 "property" 的不同？ * 為什麼擴展 JavaScript 內建的 objects 不是個好方法？ * 為什麼擴展 JavaScript 插件是個好方法？ -* document load event 和 document ready event 有什麼不同？ -* `==` 和 `===` 有什麼不同？ +* document load event 和 document ready event 有什麼不同？ +* `==` 和 `===` 有什麼不同？ * 描述你如何取得一個 query string 的 parameter 從瀏覽器的網址列。 * 描述 JavaScript 的 same-origin policy (同源策略) -* 描述 JavaScript 的 inheritance patterns (繼承模式) -* 實作如下程式: +* 描述 JavaScript 的 inheritance patterns (繼承模式) +* 實作如下程式: ```javascript [1,2,3,4,5].duplicate(); // [1,2,3,4,5,1,2,3,4,5] ``` @@ -158,18 +158,18 @@ ####[[⬆]](#toc) jQuery 規格問題集： -* 描述 "chaining" +* 描述 "chaining" * 描述 "deferreds" * 你知道哪些實作 jQuery 的優化方式？ -* `.end()` 做些什麼？ +* `.end()` 做些什麼？ * 如何給一個綁定的 event handler 命名空間？為什麼這樣做？ * 說出四種可以傳到 jQuery 方法的值 - * Selector (string), HTML (string), Callback (function), HTMLElement, object, array, element array, jQuery Object … 等。 -* 什麼是 effects (or fx) queue? -* `.get()`, `[]`, 和 `.eq()` 有何不同？ -* `.bind()`, `.live()`, 和 `.delegate()` 有何不同？ + * Selector (string), HTML (string), Callback (function), HTMLElement, object, array, element array, jQuery Object … 等。 +* 什麼是 effects (or fx) queue? +* `.get()`, `[]`, 和 `.eq()` 有何不同？ +* `.bind()`, `.live()`, 和 `.delegate()` 有何不同？ * `$` 和 `$.fn` 有何不同？ 或什麼是 `$.fn`？ -* 優化這個 selector: +* 優化這個 selector: ```javascript $(".foo div#bar:eq(0)") ``` @@ -188,15 +188,15 @@ modulo(12, 5) // 2 問題: 上述的statement(陳述式)會回傳什麼？ -**答: "goh angasal a m'i"** +**答: "goh angasal a m'i"** ```javascript ( window.foo || ( window.foo = "bar" ) ); ``` -問題: window.foo 的值是什麼？ +問題: window.foo 的值是什麼？ -**答案: "bar"** +**答案: "bar"** 只有在 window.foo 是 falsey 時會回傳此答案，否則的話會回傳window.foo ```javascript @@ -205,7 +205,7 @@ var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); ale 問題: 上述的兩個alerts的結果會是什麼？ -**答案: "Hello World" & ReferenceError: bar is not defined** +**答案: "Hello World" & ReferenceError: bar is not defined** ```javascript var foo = [];