diff options
Diffstat (limited to 'files/zh-tw/glossary')
150 files changed, 3785 insertions, 0 deletions
diff --git a/files/zh-tw/glossary/404/index.html b/files/zh-tw/glossary/404/index.html new file mode 100644 index 0000000000..d655abe4c5 --- /dev/null +++ b/files/zh-tw/glossary/404/index.html @@ -0,0 +1,16 @@ +--- +title: '404' +slug: Glossary/404 +tags: + - Glossary + - HTTP Errors +translation_of: Glossary/404 +--- +<p>404 為標準回應碼，代表 {{Glossary("Server", "伺服器")}} 沒辦法找到要求的資源。</p> + +<h2 id="深入了解">深入了解</h2> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Response_codes">HTTP 回應碼列表</a></li> + <li><a href="https://developer.mozilla.org/en-US/Learn/Checking_that_your_web_site_is_working_properly">給新手避免發生 404 錯誤的建議</a></li> +</ul> diff --git a/files/zh-tw/glossary/502/index.html b/files/zh-tw/glossary/502/index.html new file mode 100644 index 0000000000..c8541f0ce4 --- /dev/null +++ b/files/zh-tw/glossary/502/index.html @@ -0,0 +1,20 @@ +--- +title: '502' +slug: Glossary/502 +tags: + - '502' + - HTTP 錯誤 + - 術語表 +translation_of: Glossary/502 +--- +<p>這是一個{{Glossary("HTTP")}} 錯誤代碼，表示“網關錯誤”。</p> + +<p>一個伺服器({{Glossary("Server", "server")}})可以在一個客戶端(譬如網頁瀏覽器)和其他上游伺服器之間充當網關或代理(中間人)。當你請求訪問一個鏈接({{Glossary("URL")}})，網關伺服器可以從上游伺服器傳達你的請求。"502" 意味著上游伺服器返回了一個無效的響應。</p> + +<p>正常情況下上游伺服器是不會宕機的(如沒有提供對網關/代理的相應)，簡單來説就是作爲網關/代理不明白相同的數據交換協議。 因特網協議({{Glossary("Protocol", "protocols")}})是非常明確的，所以 502 通常意味著有一臺或者多臺機器沒有正確或者完整的程式。</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Response_codes">HTTP 響應代碼列表</a></li> +</ul> diff --git a/files/zh-tw/glossary/abstraction/index.html b/files/zh-tw/glossary/abstraction/index.html new file mode 100644 index 0000000000..ba011d5bee --- /dev/null +++ b/files/zh-tw/glossary/abstraction/index.html @@ -0,0 +1,14 @@ +--- +title: 抽象化 +slug: Glossary/Abstraction +translation_of: Glossary/Abstraction +--- +<p>在{{Glossary("computer programming")}} 領域中，抽象化可用來減少軟體系統複雜度，讓設計及使用效率提升。用簡單的 {{Glossary("API", "APIs")}}隱藏背後複雜的系統機制。</p> + +<h2 id="了解更多"><strong>了解更多</strong></h2> + +<h3 id="一般知識"><strong>一般知識</strong></h3> + +<ul> + <li>維基百科上的{{interwiki("wikipedia", "Abstraction (computer science)", "Abstraction")}} </li> +</ul> diff --git a/files/zh-tw/glossary/accessibility/index.html b/files/zh-tw/glossary/accessibility/index.html new file mode 100644 index 0000000000..5e51a1b7f9 --- /dev/null +++ b/files/zh-tw/glossary/accessibility/index.html @@ -0,0 +1,31 @@ +--- +title: Accessibility +slug: Glossary/Accessibility +tags: + - 術語 +translation_of: Glossary/Accessibility +--- +<p><em>網頁</em><strong>無障礙化 </strong>(<strong>A11Y</strong>) 指的是儘管有物理和技術上的限制，能夠保持網站可用最佳的方法。網頁無障礙化是透過{{Glossary("WAI","Web Accessibility Initiative")}} (WAI)在{{Glossary("W3C")}}被正式定義和討論的。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility">資源在 MDN</a></li> + <li>維基百科上的{{Interwiki("wikipedia", "Web accessibility")}}</li> +</ul> + +<h3 id="學習網頁無障礙化">學習網頁無障礙化</h3> + +<ul> + <li><a href="http://webaim.org/" rel="external">Web Accessibility In Mind</a></li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="/en-US/docs/Web/Accessibility/ARIA">The ARIA documentation on MDN</a></li> + <li><a href="http://www.w3.org/WAI/" rel="external">The Web Accessibility Initiative homepage</a></li> + <li><a href="http://www.w3.org/TR/wai-aria/" rel="external">The WAI-ARIA recommendation</a></li> +</ul> diff --git a/files/zh-tw/glossary/adobe_flash/index.html b/files/zh-tw/glossary/adobe_flash/index.html new file mode 100644 index 0000000000..8e09c12f7b --- /dev/null +++ b/files/zh-tw/glossary/adobe_flash/index.html @@ -0,0 +1,28 @@ +--- +title: Adobe Flash +slug: Glossary/Adobe_Flash +tags: + - Flash + - 術語表 + - 過時技術 +translation_of: Glossary/Adobe_Flash +--- +<p id="Summary">Flash 是一個由 Adobe 開發的過時網路技術。它能展現出富有表現力的 Web 程式、向量圖形、還有各種多媒體。Adobe Flash 需要在{{Glossary("瀏覽器")}}安裝相對應的擴充套件後才能使用。</p> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li><a href="https://www.adobe.com/products/flashruntimes.html">官方網站</a></li> + <li><a href="https://mozilla.github.io/shumway/">Shumway，由 Mozilla 實作的自由軟體</a></li> + <li><a href="http://gnashdev.org/">Gnash，由 GNU 實作的自由軟體</a></li> + <li><a href="/zh-TW/docs/Glossary">術語表</a> + <ol> + <li>{{Glossary("瀏覽器")}}</li> + </ol> + </li> + <li>維基百科 + <ol> + <li>{{Interwiki("wikipedia", "Adobe Flash")}}</li> + </ol> + </li> +</ol> +</section> diff --git a/files/zh-tw/glossary/ajax/index.html b/files/zh-tw/glossary/ajax/index.html new file mode 100644 index 0000000000..b93f5acf21 --- /dev/null +++ b/files/zh-tw/glossary/ajax/index.html @@ -0,0 +1,25 @@ +--- +title: AJAX +slug: Glossary/AJAX +tags: + - AJAX + - 術語表 +translation_of: Glossary/AJAX +--- +<p>AJAX（Asynchronous {{glossary("JavaScript")}} And {{glossary("XML")}}、非同步 JavaScript 與 XML）是結合了 {{glossary("HTML")}}、{{glossary("CSS")}}、JavaScript 、{{glossary("DOM")}}、還有 <code>XMLHttpRequest</code> {{glossary("object")}}，以建立更複雜的網頁程式實做。AJAX 可以允許網頁只更新需要的部分，而無須重新載入整個頁面。另外，AJAX 也能讓你非同步工作，意思是說程式碼能在網頁試圖重新載入時持續運行（與同步（synchronously）相對比──它會在運行的時候封鎖程式碼運作，直到網頁重新載入成功為止）。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>維基百科的 {{interwiki("wikipedia", "AJAX")}}</li> + <li><a href="http://peoplesofttutorial.com/difference-between-synchronous-and-asynchronous-messaging/">Synchronous vs. Asynchronous Communications</a></li> +</ul> + +<h3 id="技術資訊">技術資訊</h3> + +<ul> + <li>{{domxref("XMLHttpRequest")}} 物件。</li> + <li><a href="/zh-TW/docs/AJAX">MDN 的 AJAX 文件</a></li> +</ul> diff --git a/files/zh-tw/glossary/algorithm/index.html b/files/zh-tw/glossary/algorithm/index.html new file mode 100644 index 0000000000..d035e75838 --- /dev/null +++ b/files/zh-tw/glossary/algorithm/index.html @@ -0,0 +1,6 @@ +--- +title: 演算法 +slug: Glossary/Algorithm +translation_of: Glossary/Algorithm +--- +<p><span class="seoSummary">演算法（algorithm）是包含了程式功能該如何執行的一連串指示。</span></p> diff --git a/files/zh-tw/glossary/api/index.html b/files/zh-tw/glossary/api/index.html new file mode 100644 index 0000000000..ee9802015a --- /dev/null +++ b/files/zh-tw/glossary/api/index.html @@ -0,0 +1,34 @@ +--- +title: API +slug: Glossary/API +tags: + - API + - 術語表 +translation_of: Glossary/API +--- +<p>一個API (Application Programming Interface)是指存在于軟體程式中為軟體與其他項目，如其他軟體或硬體，實現互動的一系列功能和規則。</p> + +<p>在網頁開發，一個 API 通常指的是一系列的代碼功能(如： {{glossary("method","methods")}}, {{Glossary("property","properties")}}, events, and {{Glossary("URL","URLs")}})爲了方便程式開發者使用他們的 apps 通過用戶的網頁瀏覽器組件，或與用戶計算機上的其他軟體或硬件， 或與第三方網站和服務實現互動。</p> + +<p>例如：</p> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia">getUserMedia</a> API 可用於從用戶的攝像頭抓取音頻和視頻，甚至給提供開發者其他的用途，如：錄製視頻和音頻，與其他用戶一起開視訊會議，或是從視頻中捕捉靜態圖像。</li> + <li><a href="/en-US/docs/Web/API/Geolocation">Geolocation API</a> 可從用戶的設備中通過任意服務獲取定位信息 (如： GPS), 然後可以使用 <a href="https://developers.google.com/maps/">Google Maps APIs</a> 關連。如：在用戶地圖上繪製用戶的定位並向他們展示附近的旅游景點。</li> + <li><a href="https://dev.twitter.com/overview/api">Twitter APIs</a> 可從用戶的賬戶上拿取數據，如：在網頁上展示他們最新的 tweets。</li> + <li><a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a> 可用於製作網頁的動畫部分，如：讓圖片動起來或旋轉。</li> +</ul> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "Application_programming_interface", "API")}} </li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/API">Web API reference</a></li> +</ul> diff --git a/files/zh-tw/glossary/apple_safari/index.html b/files/zh-tw/glossary/apple_safari/index.html new file mode 100644 index 0000000000..6e0dcdc760 --- /dev/null +++ b/files/zh-tw/glossary/apple_safari/index.html @@ -0,0 +1,27 @@ +--- +title: Apple Safari +slug: Glossary/Apple_Safari +tags: + - Safari + - 瀏覽器 + - 術語表 +translation_of: Glossary/Apple_Safari +--- +<p><a href="http://www.apple.com/safari/">Safari</a> 是一個來自蘋果開發的網頁瀏覽器({{Glossary("Browser","Web browser")}})同時被捆綁發行在 Mac OS X 和 IOS 平臺。它是基於開源的 <a href="http://www.webkit.org/">WebKit</a> 引擎.</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "Safari (web browser)", "Safari")}}</li> + <li><a href="http://www.apple.com/safari/" rel="external">Safari on apple.com</a></li> +</ul> + +<h3 id="技術資訊">技術資訊</h3> + +<ul> + <li><a href="http://www.webkit.org/">WebKit 的項目</a></li> + <li><a href="http://nightly.webkit.org/" rel="external">WebKit 每晚構建</a></li> + <li><a href="https://bugs.webkit.org/" rel="external">向 Safari 報告 bug </a></li> +</ul> diff --git a/files/zh-tw/glossary/argument/index.html b/files/zh-tw/glossary/argument/index.html new file mode 100644 index 0000000000..d08a26e0c8 --- /dev/null +++ b/files/zh-tw/glossary/argument/index.html @@ -0,0 +1,24 @@ +--- +title: 引數 +slug: Glossary/Argument +tags: + - CodingScripting + - JavaScript + - 術語表 +translation_of: Glossary/Argument +--- +<p><strong>引數</strong>（argument）是作爲{{Glossary("function","函式")}}輸入的{{Glossary("primitive","原始型別")}}{{glossary("value","值")}}或著{{Glossary("object","物件")}}。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Parameter_(computer_programming)", "Difference between Parameter and Argument")}} on Wikipedia</li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li>{{glossary("JavaScript")}} 的 {{jsxref("Functions/arguments","arguments")}} 物件</li> +</ul> diff --git a/files/zh-tw/glossary/aria/index.html b/files/zh-tw/glossary/aria/index.html new file mode 100644 index 0000000000..ef57c54ddf --- /dev/null +++ b/files/zh-tw/glossary/aria/index.html @@ -0,0 +1,17 @@ +--- +title: ARIA +slug: Glossary/ARIA +tags: + - 無障礙化 + - 術語表 +translation_of: Glossary/ARIA +--- +<p><strong>ARIA</strong>（Accessible Rich {{glossary("Internet")}} Applications，可訪問的富網際網路應用程式）是一個 {{Glossary("W3C")}} 規範，用已對 {{Glossary("HTML")}} 添加語義和元數據，以迎合需要輔助技術的用戶。</p> + +<p>例如：你可以給一個 {{HTMLElement("p")}} {{glossary("tag","標籤")}}添加 <code>role="alert"</code> 屬性提醒視覺障礙用戶，這裏的訊息很重要並對時間敏感（針對非視覺障礙用戶，你可能本來會用文字顔色傳達這種事）。</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li><a href="/zh-TW/docs/Web/Accessibility/ARIA">ARIA</a></li> +</ul> diff --git a/files/zh-tw/glossary/arpa/index.html b/files/zh-tw/glossary/arpa/index.html new file mode 100644 index 0000000000..8c8d4769be --- /dev/null +++ b/files/zh-tw/glossary/arpa/index.html @@ -0,0 +1,18 @@ +--- +title: ARPA +slug: Glossary/ARPA +tags: + - ARPA + - 術語表 +translation_of: Glossary/ARPA +--- +<p><strong>.arpa </strong>(地址和路由參數區域)是一個{{glossary("TLD","top-level domain")}} 用於網際網路基建意圖，特別是反向 DNS 查找 (如：根據給出的 {{glossary("IP address")}} 查找 {{glossary('domain name')}})。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li><a href="http://www.iana.org/domains/arpa">官方站點</a></li> + <li>維基百科上的{{Interwiki("wikipedia", ".arpa")}}</li> +</ul> diff --git a/files/zh-tw/glossary/arpanet/index.html b/files/zh-tw/glossary/arpanet/index.html new file mode 100644 index 0000000000..e4a8aaf166 --- /dev/null +++ b/files/zh-tw/glossary/arpanet/index.html @@ -0,0 +1,17 @@ +--- +title: Arpanet +slug: Glossary/Arpanet +tags: + - 網路結構 + - 術語表 +translation_of: Glossary/Arpanet +--- +<p><strong>ARPAnet </strong>(高級研究代理網路)是一個早期的計算機網路，構建於 1969 年作為一個強大的媒介用於傳輸敏感軍事數據和連接米國各地主要的研究團體。ARPAnet 首先運行NCP (網路控制協定) 隨後運行網際網路的第一版協定或{{glossary("TCP")}}/{{glossary("IPv6","IP")}} 套件，使 ARPAnet 成為新生代網際網路{{glossary("Internet")}}的重要組成部分。ARPAnet 被關閉在 1990 年代的早期。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "Arpanet")}}</li> +</ul> diff --git a/files/zh-tw/glossary/array/index.html b/files/zh-tw/glossary/array/index.html new file mode 100644 index 0000000000..fc8d84a3fd --- /dev/null +++ b/files/zh-tw/glossary/array/index.html @@ -0,0 +1,31 @@ +--- +title: 陣列 +slug: Glossary/array +tags: + - 術語表 + - 陣列 +translation_of: Glossary/array +--- +<p>陣列是個有序資料的集合（按程式語言不同，資料型態可以是{{Glossary("primitive","原始型別")}}或{{Glossary("object","物件")}}）。陣列是用來把複數的值存進一個變數裡。與只能存一個值的變數，呈現強烈的對比。</p> + +<p>每一個陣列中的元素，都附有一個能讀相對應元素的數字，稱做數字索引（numeric index）。在 JavaScript 中，陣列的索引開始於數字 0 且能透過不同的{{Glossary("Method", "方法")}}來操作。</p> + +<p>JavaScript 中的陣列：</p> + +<pre>var myArray = [1, 2, 3, 4]; +var catNamesArray = ["Jacqueline", "Sophia", "Autumn"]; +//Arrays in JavaScript can hold different types of data, as shown above.</pre> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常規知識">常規知識</h3> + +<ul> + <li>維基百科的{{Interwiki("wikipedia", "陣列")}}</li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li>MDN 的 JavaScript {{jsxref("Array")}}</li> +</ul> diff --git a/files/zh-tw/glossary/ascii/index.html b/files/zh-tw/glossary/ascii/index.html new file mode 100644 index 0000000000..3d75607b2c --- /dev/null +++ b/files/zh-tw/glossary/ascii/index.html @@ -0,0 +1,16 @@ +--- +title: ASCII +slug: Glossary/ASCII +tags: + - ASCII + - 編碼方式 + - 術語表 +translation_of: Glossary/ASCII +--- +<p><strong>ASCII</strong> (米國信息交換標準碼)是計算機用來轉換字母、數字、符號和控制代碼轉換為數字形式的最流行的編碼方法之一。自 2007 以來, {{Glossary("UTF-8")}} 在網頁上取代了它。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<p>維基百科上的 {{Interwiki("wikipedia", "ASCII")}}</p> diff --git a/files/zh-tw/glossary/asynchronous/index.html b/files/zh-tw/glossary/asynchronous/index.html new file mode 100644 index 0000000000..807ac2cd14 --- /dev/null +++ b/files/zh-tw/glossary/asynchronous/index.html @@ -0,0 +1,19 @@ +--- +title: Asynchronous 非同步 +slug: Glossary/Asynchronous +translation_of: Glossary/Asynchronous +--- +<p><em>非同步</em>（Asynchronous，又稱異步）指的是各方在方便或可能時，才接收並處理訊息，而不是立刻這麼做的通訊環境。</p> + +<p>你可以用人類的溝通環境來比喻：例如電子郵件，寄件者傳送電郵、收件者會在方便時才回覆。他們不用馬上就那麼做。</p> + +<p>它也可以用來描述一個程式性的通信環境，例如 {{domxref("Ajax")}} 就是個請求 <a href="/zh-TW/docs/Web/HTTP">HTTP</a> 少量數據的非同步機制。結果會在響應完成時發回，而不是立刻發送。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="技術資訊">技術資訊</h3> + +<ul> + <li><a href="/zh-TW/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data">Fetching data from the server</a>（學習專區）</li> + <li>{{glossary("Synchronous","同步")}}</li> +</ul> diff --git a/files/zh-tw/glossary/atag/index.html b/files/zh-tw/glossary/atag/index.html new file mode 100644 index 0000000000..fc0e1f23c4 --- /dev/null +++ b/files/zh-tw/glossary/atag/index.html @@ -0,0 +1,24 @@ +--- +title: ATAG +slug: Glossary/ATAG +tags: + - ATAG + - 術語表 +translation_of: Glossary/ATAG +--- +<p>ATAG (編輯工具可訪問性{{glossary("Accessibility")}}指南)是一個{{Glossary("W3C")}} 為創建可訪問内容構建可訪問性編輯工具的建議。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的 <a href="http://en.wikipedia.org/wiki/Web_Accessibility_Initiative#Authoring_Tools_Accessibility_Guidelines_.28ATAG.29">ATAG 作爲無障礙網頁協議的一部分</a></li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="http://www.w3.org/WAI/intro/atag.php">編輯工具可訪問性指南 (ATAG) 概覽</a></li> + <li><a href="http://www.w3.org/TR/ATAG20/">ATAG 2.0 建議</a></li> +</ul> diff --git a/files/zh-tw/glossary/attribute/index.html b/files/zh-tw/glossary/attribute/index.html new file mode 100644 index 0000000000..01a8cba491 --- /dev/null +++ b/files/zh-tw/glossary/attribute/index.html @@ -0,0 +1,18 @@ +--- +title: Attribute +slug: Glossary/Attribute +tags: + - 標簽屬性 + - 術語表 +translation_of: Glossary/Attribute +--- +<p><em>Attribute</em> （標籤屬性）用於擴充 HTML {{Glossary("tag")}}，可改變標籤行為或提供額外資訊。HTML 標籤屬性的正確格式為 <code>name=value</code>（以屬性名稱對上屬性值）。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="/zh-TW/docs/Web/HTML/Attributes">HTML attribute reference</a></li> + <li>HTML 的<a href="/zh-TW/docs/Web/HTML/Global_attributes">全域屬性</a>相關資訊。</li> +</ul> diff --git a/files/zh-tw/glossary/bandwidth/index.html b/files/zh-tw/glossary/bandwidth/index.html new file mode 100644 index 0000000000..49cb9be330 --- /dev/null +++ b/files/zh-tw/glossary/bandwidth/index.html @@ -0,0 +1,16 @@ +--- +title: Bandwidth +slug: Glossary/Bandwidth +tags: + - 基礎知識 + - 帶寬 + - 術語表 +translation_of: Glossary/Bandwidth +--- +<p><span style="color: #252525; font-family: sans-serif; line-height: 22.3999996185303px;">帶寬是指通過數據連接在一定時期内可以傳輸的數據信息量，通常以每秒比特數的倍數為單位，也就是bps，如：兆位每秒(Mbps)或吉比特每秒(</span>Gbps<span style="color: #252525; font-family: sans-serif; line-height: 22.3999996185303px;">)。</span></p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "Bandwidth")}}</li> +</ul> diff --git a/files/zh-tw/glossary/blink/index.html b/files/zh-tw/glossary/blink/index.html new file mode 100644 index 0000000000..96c25980de --- /dev/null +++ b/files/zh-tw/glossary/blink/index.html @@ -0,0 +1,20 @@ +--- +title: Blink +slug: Glossary/Blink +tags: + - Glossary + - Infrastructure + - Layout +translation_of: Glossary/Blink +--- +<p>Blink 是一套開放原始碼的瀏覽器排版引擎，由 Google 作為 Chromium 專案的一部份（所以也是 Chrome 的一部份）所打造。更仔細地講，Blink 是 {{glossary("WebKit")}} 當中處理排版、描繪、{{Glossary("DOM")}} 的 WebCore 程式庫的衍生版本。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="一般知識">一般知識</h3> + +<ul> + <li>Blink 專案<a href="http://www.chromium.org/blink">首頁</a></li> + <li>維基百科上的 <a href="http://en.wikipedia.org/wiki/Blink_%28layout_engine%29">Blink</a> 條目</li> + <li>Blink 的<a href="http://www.chromium.org/blink/developer-faq">常見問題</a></li> +</ul> diff --git a/files/zh-tw/glossary/block/css/index.html b/files/zh-tw/glossary/block/css/index.html new file mode 100644 index 0000000000..c9da6a9cb5 --- /dev/null +++ b/files/zh-tw/glossary/block/css/index.html @@ -0,0 +1,22 @@ +--- +title: 區塊 (CSS) +slug: Glossary/Block/CSS +tags: + - Block + - CSS + - HTML + - display + - 術語表 +translation_of: Glossary/Block/CSS +--- +<p>在網頁上一個<strong>區塊</strong>是一個 {{glossary("HTML")}}元素({{glossary("element")}})它會出現一個新的行，例：在前面的元素之下和後面的元素之前(通常稱爲塊級元素)。擧個例子, {{htmlelement("p")}} 標簽就是一個默認的塊級元素，而 {{htmlelement("a")}} 標簽則是一個内聯元素— 你可以在 HTML 源代碼放一些相鄰的鏈接，他們將會并列渲染在相同的行。</p> + +<p>使用 {{cssxref("display")}} 屬性你可以隨意改變大多數元素的顯示方式，不論是内聯還是區塊(其中還有很多其他的選項);<strong> blocks </strong>也同樣會受到定位方案和<strong> </strong>{{cssxref("position")}} 屬性的影響。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li><a href="/en-US/docs/Web/Guide/CSS/Visual_formatting_model">視覺格式模型</a></li> +</ul> diff --git a/files/zh-tw/glossary/block/index.html b/files/zh-tw/glossary/block/index.html new file mode 100644 index 0000000000..8f17177e82 --- /dev/null +++ b/files/zh-tw/glossary/block/index.html @@ -0,0 +1,13 @@ +--- +title: Block +slug: Glossary/Block +tags: + - Disambiguation + - Glossary + - NeedsTranslation + - TopicStub +translation_of: Glossary/Block +--- +<p>The term <strong>block</strong> can have several meanings depending on the context. It may refer to:</p> + +<p>{{GlossaryDisambiguation}}</p> diff --git a/files/zh-tw/glossary/boolean/index.html b/files/zh-tw/glossary/boolean/index.html new file mode 100644 index 0000000000..c748ca87ac --- /dev/null +++ b/files/zh-tw/glossary/boolean/index.html @@ -0,0 +1,52 @@ +--- +title: 布林 +slug: Glossary/Boolean +tags: + - JavaScript + - 布林 + - 資料型態 +translation_of: Glossary/Boolean +--- +<p>在電腦科學中，<strong>布林值</strong>是一種其值僅能為<em>真</em> 或<em>假 </em>的邏輯資料型別，它是編程語言裡在邏輯上表達真或假的方式。如果沒有這種能力，很多功能會無法實現。舉個例子，JavaScript中的 <em>if 語句</em> 的判斷條件會利用布林值來決定接下來的代碼是否要被執行。又如JavaScript中的 <em>for 循環</em>，如果沒有一個能夠解釋成不林值的判斷條件，循環將不知道是否要繼續循環或停止。</p> + +<pre>***JavaScript if Statement*** +if(boolean conditional) { + //coding +} + +if(true) { + console.log("boolean conditional resolved to true"); +} else { + console.log("boolean conditional resolved to false"); + } + + + +***JavaScript for Loop*** +for(control variable; boolean conditional; counter) { + //coding +} + +for(var i=0; i<4; i++) { + console.log("I print only when the boolean conditional is true"); +} +</pre> + +<p> </p> + +<p> </p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常規知識">常規知識</h3> + +<ul> + <li>維基百科{{Interwiki("wikipedia", "Boolean data type", "Boolean")}} </li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li>The JavaScript global object: {{jsxref("Boolean")}}</li> + <li><a href="/en-US/docs/Web/JavaScript/Data_structures">JavaScript data types and data structures</a></li> +</ul> diff --git a/files/zh-tw/glossary/bootstrap/index.html b/files/zh-tw/glossary/bootstrap/index.html new file mode 100644 index 0000000000..1fa3eca197 --- /dev/null +++ b/files/zh-tw/glossary/bootstrap/index.html @@ -0,0 +1,16 @@ +--- +title: Bootstrap +slug: Glossary/Bootstrap +translation_of: Glossary/Bootstrap +--- +<p>Bootstrap 是自由的 {{Glossary("HTML")}}, CSS, {{Glossary("JavaScript")}} 開源框架。該框架旨在快速建立響應式網站。</p> + +<p>起初 Bootstrap 被稱為 Twitter Blueprint，並且由 <a href="https://twitter.com/">Twitter</a> 的內部團隊開發。它支援響應式設計、提供已經設計好能直接使用的設計樣板、或著針對該樣板，做出需要的自訂更動。在開發過程中，由於 Bootstrap 已經與當代瀏覽器，還有最新版 {{glossary("Microsoft Internet Explorer", "Internet Explorer")}} 相容，在使用 Bootstrap 開發時也不需要多操心相容性問題。</p> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li>維基百科的{{interwiki("wikipedia", "Bootstrap")}}</li> + <li><a href="https://getbootstrap.com">Bootstrap 官方網站</a>（<a href="https://bootstrap.hexschool.com">非官方中文翻譯</a>）</li> + <li></li> +</ol> +</section> diff --git a/files/zh-tw/glossary/browser/index.html b/files/zh-tw/glossary/browser/index.html new file mode 100644 index 0000000000..323e5f26dd --- /dev/null +++ b/files/zh-tw/glossary/browser/index.html @@ -0,0 +1,24 @@ +--- +title: 瀏覽器 +slug: Glossary/Browser +translation_of: Glossary/Browser +--- +<p><em>網頁瀏覽器</em>是種從 {{Glossary("World Wide Web","Web")}} 擷取並顯示頁面的程式，且讓用戶透過 {{Glossary("hyperlink","hyperlinks")}} 來進入其他頁面。</p> + +<h2 id="更進一步了解">更進一步了解</h2> + +<h3 id="一般知識">一般知識</h3> + +<ul> + <li>維基百科的 {{Interwiki("wikipedia", "網頁瀏覽器")}} + </li><li><a href="http://www.evolutionoftheweb.com/" rel="external">網路演進</a></li> +</ul> + +<h3 id="下載瀏覽器">下載瀏覽器</h3> + +<ul> + <li><a href="https://www.mozilla.org/zh-TW/firefox/features/">Mozilla Firefox</a></li> + <li><a href="http://www.google.com/chrome/" rel="external">Google Chrome</a></li> + <li><a href="http://windows.microsoft.com/zh-TW/internet-explorer/" rel="external">Microsoft Internet Explorer</a></li> + <li><a href="http://www.opera.com/" rel="external">Opera Browser</a></li> +</ul> diff --git a/files/zh-tw/glossary/browsing_context/index.html b/files/zh-tw/glossary/browsing_context/index.html new file mode 100644 index 0000000000..77fa42eb7f --- /dev/null +++ b/files/zh-tw/glossary/browsing_context/index.html @@ -0,0 +1,22 @@ +--- +title: 瀏覽上下文 +slug: Glossary/Browsing_context +tags: + - 瀏覽上下文 + - 術語表 +translation_of: Glossary/Browsing_context +--- +<p id="Summary"><strong>瀏覽上下文</strong>是一個瀏覽器({{glossary("browser")}})展示文檔({{domxref("Document")}})的環境（正常來説是一個現在的標簽，但也有可能是一個窗體或是一個框架裏面的頁面）<strong>。</strong></p> + +<p>每個瀏覽上下文都有一個特定的活動文檔來源{{glossary("origin")}}並按順序列出所有文檔的歷史記錄。</p> + +<p>瀏覽上下文之間的通訊被嚴格限制。衹有瀏覽上下文來自于同樣的來源，一個廣播信道({{domxref("BroadcastChannel")}})才能被打開和使用。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="https://html.spec.whatwg.org/multipage/browsers.html#windows">WHATWG上的瀏覽上下文</a></li> + <li><a href="http://w3c.github.io/html/browsers.html#sec-browsing-contexts">W3C上的瀏覽上下文</a></li> +</ul> diff --git a/files/zh-tw/glossary/buffer/index.html b/files/zh-tw/glossary/buffer/index.html new file mode 100644 index 0000000000..f211c0106c --- /dev/null +++ b/files/zh-tw/glossary/buffer/index.html @@ -0,0 +1,17 @@ +--- +title: 緩衝區 +slug: Glossary/buffer +tags: + - 緩衝區 + - 術語表 +translation_of: Glossary/buffer +--- +<p>緩衝區是物理記憶軟體中的一個存儲區，用於在數據從一個地方傳輸到另一個地方時臨時存儲數據。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的<a href="https://en.wikipedia.org/wiki/Data_buffer">數據緩衝區</a></li> +</ul> diff --git a/files/zh-tw/glossary/cache/index.html b/files/zh-tw/glossary/cache/index.html new file mode 100644 index 0000000000..ca193a9570 --- /dev/null +++ b/files/zh-tw/glossary/cache/index.html @@ -0,0 +1,14 @@ +--- +title: Cache 快取 +slug: Glossary/Cache +translation_of: Glossary/Cache +--- +<p><strong>快取</strong>（cache, web cache, HTTP cache）是暫時存放 HTTP 回應的組件。只要滿足特定要求，就能在接下來的 HTTP 請求派上用場。</p> + +<h2 id="深入理解">深入理解</h2> + +<h3 id="一般知識">一般知識</h3> + +<ul> + <li>維基百科的 {{interwiki("wikipedia", "Web cache")}}</li> +</ul> diff --git a/files/zh-tw/glossary/cacheable/index.html b/files/zh-tw/glossary/cacheable/index.html new file mode 100644 index 0000000000..f8e744e1d3 --- /dev/null +++ b/files/zh-tw/glossary/cacheable/index.html @@ -0,0 +1,59 @@ +--- +title: 可緩存 +slug: Glossary/cacheable +tags: + - 緩存 + - 術語表 +translation_of: Glossary/cacheable +--- +<p><strong>可緩存</strong>的響應是可被緩存的HTTP 響應，它被存儲以供稍後檢索和使用，從而將新的請求保存在伺服器。不是所有的 HTTP 響應都可以被緩存，可以被緩存的 HTTP 響應需滿足如下列條件:</p> + +<ul> + <li>請求中使用的方法本身是可以被緩存的，如 {{HTTPMethod("GET")}} 或 {{HTTPMethod("HEAD")}} 方法。如果下達了新的指示，響應 {{HTTPMethod("POST")}} 方法也可以被緩存，但這種實施方式極爲罕見。其他方法，如： {{HTTPMethod("PUT")}} 或 {{HTTPMethod("DELETE")}} 都不可以被緩存，同樣他們的處理結果也不可以。</li> + <li>應用程式是會緩存已知的響應的狀態碼，并且被認爲是可緩存的。這些可緩存的狀態碼如下： {{HTTPStatus("200")}}, {{HTTPStatus("203")}}, {{HTTPStatus("204")}}, {{HTTPStatus("206")}}, {{HTTPStatus("300")}}, {{HTTPStatus("301")}}, {{HTTPStatus("404")}}, {{HTTPStatus("405")}}, {{HTTPStatus("410")}}, {{HTTPStatus("414")}}, 和 {{HTTPStatus("501")}}.</li> + <li>響應中沒有指定的頭部，如 {{HTTPHeader("Cache-Control")}}，它可以阻止緩存。</li> +</ul> + +<p>請注意一些不緩存請求/響應到指定的 URI 可能會導致相同 URI 上以前的緩存響應失效。例如， {{HTTPMethod("PUT")}} 到 pageX.html 將使相同 URI 下所有的 {{HTTPMethod("GET")}} 或 {{HTTPMethod("HEAD")}} 請求緩存失效。</p> + +<p>同樣的,如果請求的方法和響應的狀態都可以被緩存，那請求的響應也都將可以被緩存：</p> + +<pre>GET /pageX.html HTTP/1.1 +(…) + +200 OK +(…) +</pre> + +<p>{{HTTPMethod("PUT")}} 請求不能被緩存. 此外，它還將導致所有來源為 {{HTTPMethod("HEAD")}} or {{HTTPMethod("GET")}} 相同的 URI 緩存數據無效 :</p> + +<pre>PUT /pageX.html HTTP/1.1 +(…) + +200 OK +(…) +</pre> + +<p>指定的 {{HTTPHeader("Cache-Control")}} 頭部在響應中可以阻止緩存：</p> + +<pre>GET /pageX.html HTTP/1.1 +(…) + +200 OK +Cache-Control: no-cache +(…)</pre> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>HTTP 規範中 <a href="https://tools.ietf.org/html/rfc7231#section-4.2.3">可緩存</a> 的定義.</li> +</ul> + +<h3 id="技術資訊">技術資訊</h3> + +<ul> + <li>常見緩存方法描述: {{HTTPMethod("GET")}}, {{HTTPMethod("HEAD")}}</li> + <li>常見不可緩存方法描述: {{HTTPMethod("PUT")}}, {{HTTPMethod("DELETE")}}, often {{HTTPMethod("POST")}}</li> +</ul> diff --git a/files/zh-tw/glossary/callback_function/index.html b/files/zh-tw/glossary/callback_function/index.html new file mode 100644 index 0000000000..3bfcdf6dd3 --- /dev/null +++ b/files/zh-tw/glossary/callback_function/index.html @@ -0,0 +1,36 @@ +--- +title: 回呼函式 +slug: Glossary/Callback_function +translation_of: Glossary/Callback_function +--- +<p>回呼函式（callback function）是指能藉由參數（argument）通往另一個函式的函式。它會在外部函式內調用、以完成某些事情。</p> + +<p>以下是簡單的範例：</p> + +<pre class="brush: js">function greeting(name) { + alert('Hello ' + name); +} + +function processUserInput(callback) { + var name = prompt('輸入你的名字：'); + callback(name); +} + +processUserInput(greeting);</pre> + +<p>這是個{{glossary("synchronous","同步")}}回呼的例子，因為它是立即執行的。</p> + +<p>但請注意，回呼常用來延續{{glossary("asynchronous","非同步")}}行動完成後的程式執行：這就叫做非同步回呼（asynchronous callbacks）。例如說我們的 <a href="https://github.com/mdn/learning-area/blob/master/javascript/apis/introduction/maps-example.html">maps-example.html</a> 範例（<a href="http://mdn.github.io/learning-area/javascript/apis/introduction/maps-example.html">也請參見這個</a>）用了 Google Maps API 與 Geolocation API 來把你設備的位置，顯示到地圖上。</p> + +<p>因為我們透過非同步取得 GPS 的設備坐標（我們不知道數據何時會被回傳），{{domxref("Geolocation.getCurrentPosition()")}} 方法把一個匿名回呼函式作為參數,它會回傳一個坐標數據以充當參數。該函式會在回傳坐標數據後執行。</p> + +<h2 id="深入理解">深入理解</h2> + +<h3 id="一般常識">一般常識</h3> + +<ul> + <li>維基百科的 {{interwiki("wikipedia", "回呼函式")}}</li> + <li> + <p class="entry-title"><a href="http://javascriptissexy.com/understand-javascript-callback-functions-and-use-them/">Understand JavaScript Callback Functions and Use Them</a></p> + </li> +</ul> diff --git a/files/zh-tw/glossary/canvas/index.html b/files/zh-tw/glossary/canvas/index.html new file mode 100644 index 0000000000..f28d6a36af --- /dev/null +++ b/files/zh-tw/glossary/canvas/index.html @@ -0,0 +1,34 @@ +--- +title: Canvas +slug: Glossary/Canvas +tags: + - HTML + - JavaScript +translation_of: Glossary/Canvas +--- +<article class="text-content" id="wikiArticle"> +<p>一個 {{Glossary("HTML")}} <em>{{HTMLElement("canvas")}}</em> 元素提供一個空的圖區使特定的 {{Glossary("JavaScript")}} {{Glossary("API","APIs")}} 可以在上面繪圖(像是 Canvas 2D 或 {{Glossary("WebGL")}}).</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常規知識">常規知識</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Canvas element", "Canvas")}} 維基百科</li> +</ul> + +<h3 id="學習資源">學習資源</h3> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial">The Canvas tutorial on MDN</a></li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li>The HTML {{HTMLElement("canvas")}} element on MDN</li> + <li><a href="https://developer.mozilla.org/en-US/docs/HTML/Canvas">The Canvas general documentation on MDN</a></li> + <li>{{domxref("CanvasRenderingContext2D")}}: The canvas 2D drawing API</li> + <li><a href="http://www.w3.org/TR/2dcontext/" rel="external">The Canvas 2D API specification</a></li> +</ul> +</article> diff --git a/files/zh-tw/glossary/character/index.html b/files/zh-tw/glossary/character/index.html new file mode 100644 index 0000000000..5fb45cd212 --- /dev/null +++ b/files/zh-tw/glossary/character/index.html @@ -0,0 +1,22 @@ +--- +title: 字元 +slug: Glossary/Character +tags: + - 字串 + - 編碼腳本 + - 詞彙表 +translation_of: Glossary/Character +--- +<p>一個字元包含符號(字母、數字、標點符號)和不會顯示的"控制字元"(例如:回車符或連字號)。 {{glossary("UTF-8")}}是最常見的字元組合，它包含了人類最常使用的字形。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>{{interwiki("wikipedia", "Character (computing)")}} (維基百科)</li> + <li>{{interwiki("wikipedia", "Character encoding")}} (維基百科)</li> + <li>{{interwiki("wikipedia", "ASCII")}} (維基百科)</li> + <li>{{interwiki("wikipedia", "UTF-8")}} (維基百科)</li> + <li>{{interwiki("wikipedia", "Unicode")}} (維基百科)</li> +</ul> diff --git a/files/zh-tw/glossary/character_encoding/index.html b/files/zh-tw/glossary/character_encoding/index.html new file mode 100644 index 0000000000..ed37fb7be6 --- /dev/null +++ b/files/zh-tw/glossary/character_encoding/index.html @@ -0,0 +1,25 @@ +--- +title: 字元編碼 +slug: Glossary/character_encoding +tags: + - 字彙表 +translation_of: Glossary/character_encoding +--- +<p>字元編碼提供了一套編碼系統，使不同的電腦系統或編譯環境可以存在並處理存在於其他語言當中的特殊字元。</p> + +<p>例如在HTML中，我們通常使用以下程式碼來宣告一個UTF-8的字元編碼:</p> + +<div class="example"> +<pre class="brush: html"><code><meta charset="utf-8"></code></pre> + +<p>這使我們可以在HTML檔案中使用幾乎所有人類使用的語言，並且會正常顯示。</p> +</div> + +<h2 id="學習更多">學習更多</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li><a href="https://www.w3.org/International/articles/definitions-characters/">Character encoding on W3C</a></li> + <li>{{Interwiki("wikipedia", "Character encoding")}} (維基百科)</li> +</ul> diff --git a/files/zh-tw/glossary/character_set/index.html b/files/zh-tw/glossary/character_set/index.html new file mode 100644 index 0000000000..0bbdcf4f19 --- /dev/null +++ b/files/zh-tw/glossary/character_set/index.html @@ -0,0 +1,30 @@ +--- +title: 字符集 +slug: Glossary/character_set +tags: + - 字符 + - 術語表 +translation_of: Glossary/character_set +--- +<p><span class="seoSummary"><strong>字符集</strong> 是能讓電腦知道如何解讀{{Glossary("字符")}}的編碼系統。解讀範圍包括字母、數字、標點符號、還有空白等。</span></p> + +<p>早期各國出於各自的語言考量，而開發各自的字符集：例如日文的漢字 JIS（有 Shift-JIS、EUC-JP 等）、繁體中文的 Big5、俄文的 KOI8-R 等等。不過支持多語言的 {{Glossary("Unicode")}}，逐漸成了最通用的字符集。</p> + +<p>如果字符集使用不當（像是用 Unicode 閱覽 Big5 編碼的文章），可能會看到一大堆破碎的文字。這些破碎的文字，一般被俗稱為{{Interwiki("wikipedia", "亂碼")}}。</p> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li>維基百科 + <ol> + <li>{{Interwiki("wikipedia", "字元編碼")}}</li> + <li>{{Interwiki("wikipedia", "亂碼")}}</li> + </ol> + </li> + <li><a href="/zh-TW/docs/Glossary">術語表</a> + <ol> + <li>{{Glossary("字符")}}</li> + <li>{{Glossary("Unicode")}}</li> + </ol> + </li> +</ol> +</section> diff --git a/files/zh-tw/glossary/chrome/index.html b/files/zh-tw/glossary/chrome/index.html new file mode 100644 index 0000000000..899af323a1 --- /dev/null +++ b/files/zh-tw/glossary/chrome/index.html @@ -0,0 +1,8 @@ +--- +title: Chrome +slug: Glossary/Chrome +translation_of: Glossary/Chrome +--- +<p>不要和 {{glossary("Google Chrome")}} 混淆，"chrome" 代表除了網頁本身之外任何可視的 {{glossary("瀏覽器")}} 外觀（例如：工具列、功能列、分頁）。</p> + +<p> </p> diff --git a/files/zh-tw/glossary/cipher_suite/index.html b/files/zh-tw/glossary/cipher_suite/index.html new file mode 100644 index 0000000000..5ae0281c08 --- /dev/null +++ b/files/zh-tw/glossary/cipher_suite/index.html @@ -0,0 +1,25 @@ +--- +title: 密碼套件 +slug: Glossary/Cipher_suite +tags: + - 安全性 + - 密碼學 + - 術語表 +translation_of: Glossary/Cipher_suite +--- +<p><span class="seoSummary">密碼套件是包括了密鑰交換算法， 身份認證方法，批量加密密碼({{Glossary("cipher")}})和消息認證碼的組合.</span></p> + +<p>在密碼系統({{Glossary("cryptosystem")}})裏像 {{Glossary("TLS")}}, 客戶端和伺服器在它們開始安全的通訊之前必須同意密碼套件。 典型的密碼套件如ECDHE_RSA_WITH_AES_128_GCM_SHA256 或 ECDHE-RSA-AES128-GCM-SHA256, 具有如下特徵:</p> + +<ul> + <li>ECDHE (橢圓曲綫數字簽名算法) 進行密鑰交換</li> + <li>RSA 進行認證</li> + <li>AES-128 作爲密碼和伽羅瓦/計數器模式 (GCM) 作爲分組密碼模式的操作</li> + <li>SHA-256 作爲基於散列的消息認證碼(HMAC)</li> +</ul> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li><a href="https://wiki.mozilla.org/Security/Server_Side_TLS">Mozilla 推薦 TLS 的密碼套件選擇</a></li> +</ul> diff --git a/files/zh-tw/glossary/ciphertext/index.html b/files/zh-tw/glossary/ciphertext/index.html new file mode 100644 index 0000000000..d6e9f3be4c --- /dev/null +++ b/files/zh-tw/glossary/ciphertext/index.html @@ -0,0 +1,18 @@ +--- +title: 密文 +slug: Glossary/Ciphertext +tags: + - 安全性 + - 私密性 + - 術語表 +translation_of: Glossary/Ciphertext +--- +<p>在密碼學({{glossary("Cryptography")}})中, 密文是傳達信息的加密信息，正常情況下無法解讀除非使用正確的密碼({{glossary("cipher")}})和秘密(通常叫做{{glossary("key")}}) 來解密({{glossary("decryption","decrypted")}})才可以再現原來的明文({{glossary("cleartext")}})。一個密文的安全性 以及包含信息的保密性依賴于安全的密碼和保持 key 的秘密性。 </p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "密文")}}</li> +</ul> diff --git a/files/zh-tw/glossary/class/index.html b/files/zh-tw/glossary/class/index.html new file mode 100644 index 0000000000..7effd1c427 --- /dev/null +++ b/files/zh-tw/glossary/class/index.html @@ -0,0 +1,22 @@ +--- +title: Class（類） +slug: Glossary/Class +tags: + - Class + - 術語表 + - 面向對象 + - 類 +translation_of: Glossary/Class +--- +<p>在物件導向編程（{{glossary("OOP","object-oriented programming")}}）中，一個類（Class）定義了一個 {{glossary("object","object")}} 的性質。類是一個定義了對象的屬性 ({{glossary("property","properties")}}) 和方法 ({{glossary("method","methods")}}) 的模板，繪製其他更多具體實例對象的「藍圖」。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Details_of_the_Object_Model#Class-based_vs._prototype-based_languages">基於類 vs. 基於原型 的編程語言</a> (像 JavaScript)</li> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript#The_Class">在 JavaScript 中使用 functions 當作類</a></li> + <li>維基百科上的 <a href="https://en.wikipedia.org/wiki/Class-based_programming">基於類的編程</a></li> + <li>維基百科上的 <a href="https://en.wikipedia.org/wiki/Object-oriented_programming">面向對象編程</a></li> +</ul> diff --git a/files/zh-tw/glossary/closure/index.html b/files/zh-tw/glossary/closure/index.html new file mode 100644 index 0000000000..6631d17d02 --- /dev/null +++ b/files/zh-tw/glossary/closure/index.html @@ -0,0 +1,23 @@ +--- +title: 閉包 +slug: Glossary/Closure +tags: + - 術語表 + - 閉包 +translation_of: Glossary/Closure +--- +<p>定義可執行範圍(<strong>{{glossary("scope")}})</strong>的綁定：在 {{glossary("JavaScript")}}, <strong>{{glossary("function","functions")}}</strong>會創建一個閉包上下文<strong>。</strong></p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "Closure_%28computer_programming%29", "Closure")}}</li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li>MDN 上的 <a href="/en-US/docs/Web/JavaScript/Closures">閉包</a></li> +</ul> diff --git a/files/zh-tw/glossary/cms/index.html b/files/zh-tw/glossary/cms/index.html new file mode 100644 index 0000000000..c1b6ef5afa --- /dev/null +++ b/files/zh-tw/glossary/cms/index.html @@ -0,0 +1,14 @@ +--- +title: CMS 內容管理系統 +slug: Glossary/CMS +translation_of: Glossary/CMS +--- +<p>内容管理系统（Content Management System，CMS）是個能讓用戶發布、組織、變更、還有移除各種內容的軟體。所謂的內容，可以包含文字、嵌入式圖像，視頻，音頻、互動程式碼。</p> + +<h2 id="深入了解">深入了解</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>維基百科的 {{Interwiki("wikipedia", "内容管理系统")}}</li> +</ul> diff --git a/files/zh-tw/glossary/compile/index.html b/files/zh-tw/glossary/compile/index.html new file mode 100644 index 0000000000..e65dfd2a32 --- /dev/null +++ b/files/zh-tw/glossary/compile/index.html @@ -0,0 +1,23 @@ +--- +title: 編譯 +slug: Glossary/Compile +tags: + - 編寫 + - 術語表 +translation_of: Glossary/Compile +--- +<p>編譯是將給定編程語言中的計算機程式轉換成用另一種語言（通常是計算機可執行的二進制語言）編寫的相同程式的過程。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "編譯器")}}</li> +</ul> + +<h3 id="學習資源">學習資源</h3> + +<ul> + <li><a href="http://stackoverflow.com/a/1672/133203">在 StackOverflow 上的學習資料清單</a></li> +</ul> diff --git a/files/zh-tw/glossary/compile_time/index.html b/files/zh-tw/glossary/compile_time/index.html new file mode 100644 index 0000000000..c462fbd76e --- /dev/null +++ b/files/zh-tw/glossary/compile_time/index.html @@ -0,0 +1,19 @@ +--- +title: 編譯時間 +slug: Glossary/Compile_time +tags: + - 編譯時間 + - 術語表 +translation_of: Glossary/Compile_time +--- +<p>編譯時間是指程式從第一次加載到解析({{Glossary("parse","parsed")}})程式的時間。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "編譯時間")}}</li> +</ul> + +<p> </p> diff --git a/files/zh-tw/glossary/computer_programming/index.html b/files/zh-tw/glossary/computer_programming/index.html new file mode 100644 index 0000000000..efb69cf121 --- /dev/null +++ b/files/zh-tw/glossary/computer_programming/index.html @@ -0,0 +1,20 @@ +--- +title: Computer Programming +slug: Glossary/Computer_Programming +tags: + - 術語表 + - 計算機編程 +translation_of: Glossary/Computer_Programming +--- +<p>電腦程式設計是編寫和組織一系列指令的過程。它會以電腦/軟體程式能理解的語言，告訴他們要做什麼事情。這些指令來自不同形式的語言，例如如：C++、Java、JavaScript、HTML、Python、Ruby、和Rust。</p> + +<p>使用合適的語言，可以設計/創建所有類型的軟體。例如，幫助科學家進行複雜運算的程式、儲存大量資料的資料庫、讓用戶下載音樂的網站、或者讓用戶建立動畫電影的軟體。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "程式設計")}}</li> + <li>維基百科上的 {{Interwiki("wikipedia", "程式語言列表")}}</li> +</ul> diff --git a/files/zh-tw/glossary/constructor/index.html b/files/zh-tw/glossary/constructor/index.html new file mode 100644 index 0000000000..a920ec31f0 --- /dev/null +++ b/files/zh-tw/glossary/constructor/index.html @@ -0,0 +1,41 @@ +--- +title: 建構子 +slug: Glossary/Constructor +translation_of: Glossary/Constructor +--- +<p>建構子（<strong>constructor</strong>）屬於實做（instantiated）的指定 class {{glossary("object")}}。建構子概念可應用到大多數的{{glossary("OOP","物件導向")}}程式語言。基本上，{{glossary("JavaScript")}} 建構子用於在 {{glossary("class")}} 的實做（instance）聲明。</p> + +<h2 id="語法">語法</h2> + +<pre class="brush: js">// 這是個通用的建構子 class Default +function Default() { +} + +// 這是擁有幾個參數的過載建構子 class Overloaded +function Overloaded(arg1, arg2, ...,argN){ +} +</pre> + +<p>要呼叫 JavaScript 內的建構子 class ，請用 <code>new</code> 操作符給 {{glossary("variable")}} 宣告新的 {{glossary("object reference")}}。</p> + +<pre class="brush: js">function Default() { +} + +// 新的 Default 物件參照被分派給局部變數 defaultReference +var defaultReference = new Default(); +</pre> + +<h2 id="深入理解">深入理解</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>維基百科的 {{Interwiki("wikipedia", "構造器", "構造器")}}</li> +</ul> + +<h3 id="技術資訊">技術資訊</h3> + +<ul> + <li>MDN 的 <a href="/zh-TW/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript#The_Constructor">JavaScript 物件導向介紹</a></li> + <li>MDN 的 <a href="/zh-TW/docs/Web/JavaScript/Reference/Operators/new">JavaScript 的 new 操作符</a></li> +</ul> diff --git a/files/zh-tw/glossary/continuous_media/index.html b/files/zh-tw/glossary/continuous_media/index.html new file mode 100644 index 0000000000..cd5b9e48b6 --- /dev/null +++ b/files/zh-tw/glossary/continuous_media/index.html @@ -0,0 +1,11 @@ +--- +title: Continuous Media +slug: Glossary/Continuous_Media +tags: + - CSS + - Media +translation_of: Glossary/Continuous_Media +--- +<p>CSS 可以用在許多不同的地方，印刷媒體便是一種。有些排版用的 CSS 會因為所處環境的不同而有不一樣的效果。</p> + +<p>連續性媒體 (continuous media) 指的就是這樣一種環境，其中的內容不是以片段呈現，而是持續更迭。比方說顯示在螢幕上的網頁內容、語音內容都是連續性媒體。</p> diff --git a/files/zh-tw/glossary/cookie/index.html b/files/zh-tw/glossary/cookie/index.html new file mode 100644 index 0000000000..2751a58d60 --- /dev/null +++ b/files/zh-tw/glossary/cookie/index.html @@ -0,0 +1,21 @@ +--- +title: Cookie +slug: Glossary/Cookie +tags: + - cookie + - 術語表 +translation_of: Glossary/Cookie +--- +<p>Cookie 是一個網站通過瀏覽器訪問在訪客電腦裏留下的一小段信息。</p> + +<p>Cookies 被網站用於個性化用戶個人的網頁體驗。 訪問該網站時它可能覆蓋了用戶的喜好或輸入。用戶可以自定義他們的瀏覽器是個接受或是刪除 cookies.</p> + +<p>Cookies 可以設置和修改，在伺服器級別使用<code>Set-Cookie</code> <a href="/en-US/docs/Web/HTTP/Cookies">HTTP header</a>, 或在 JavaScript 使用 <code><a href="/en-US/docs/Web/API/Document/cookie">document.cookie</a></code>.</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的 <a href="https://en.wikipedia.org/wiki/HTTP_cookie">HTTP cookie</a></li> +</ul> diff --git a/files/zh-tw/glossary/cors/index.html b/files/zh-tw/glossary/cors/index.html new file mode 100644 index 0000000000..3aac367e9d --- /dev/null +++ b/files/zh-tw/glossary/cors/index.html @@ -0,0 +1,49 @@ +--- +title: CORS +slug: Glossary/CORS +tags: + - 安全 + - 術語表 +translation_of: Glossary/CORS +--- +<p><strong>CORS</strong>（跨來源資源共享）是瀏覽器技術規範，用來傳輸 <a href="/zh-TW/docs/Web/HTTP/Headers">HTTP 標頭</a>，判斷阻擋或允許不同來源網域的資源存取。</p> + +<p><a href="/zh-TW/docs/Web/Security/Same-origin_policy">同源安全政策（same-origin security policy）</a>，預設會禁止跨網域的資源請求。CORS 賦予網站伺服器跨網域存取控制能力，使其能安全地跨網域傳輸資料。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="一般知識">一般知識</h3> + +<ul> + <li>MDN 上的 <a href="/zh-TW/docs/Web/HTTP/Access_control_CORS">HTTP 存取控制（CORS）</a></li> + <li>維基百科上的 {{Interwiki("wikipedia", "Cross-origin resource sharing")}}</li> +</ul> + +<h3 id="CORS_標頭">CORS 標頭</h3> + +<dl> + <dt>{{HTTPHeader("Access-Control-Allow-Origin")}}</dt> + <dd>表示回傳資料能否共享（布林值）。</dd> + <dt>{{HTTPHeader("Access-Control-Allow-Credentials")}}</dt> + <dd>指定為 <code>true</code> 時，瀏覽器可以傳送或接收敏感資訊（HTTP Cookie）。</dd> + <dt>{{HTTPHeader("Access-Control-Allow-Headers")}}</dt> + <dd>指定可以出現在真實請求的 HTTP 標頭，用來回應預檢請求。</dd> + <dt>{{HTTPHeader("Access-Control-Allow-Methods")}}</dt> + <dd>指定存取資源所允許的 HTTP 方法，用來回應預檢請求。</dd> + <dt>{{HTTPHeader("Access-Control-Expose-Headers")}}</dt> + <dd>表示瀏覽器允許存取的標頭白名單，例如 <code>X-My-Header, X-My-Custom-Header</code>。</dd> + <dt>{{HTTPHeader("Access-Control-Max-Age")}}</dt> + <dd>表示預檢請求的回傳結果可以被快取多久（秒）。</dd> + <dt>{{HTTPHeader("Access-Control-Request-Headers")}}</dt> + <dd>用於預檢請求，讓伺服器知道後續真實請求夾帶的 HTTP 標頭。</dd> + <dt>{{HTTPHeader("Access-Control-Request-Method")}}</dt> + <dd>用於預檢請求，讓伺服器端知道後續真實請求使用的 <a href="/zh-TW/docs/Web/HTTP/Methods">HTTP 方法</a>。</dd> + <dt>{{HTTPHeader("Origin")}}</dt> + <dd>告訴伺服器請求來源之網域。</dd> +</dl> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="https://fetch.spec.whatwg.org">Fetch specification</a></li> +</ul> diff --git a/files/zh-tw/glossary/crawler/index.html b/files/zh-tw/glossary/crawler/index.html new file mode 100644 index 0000000000..85774c9786 --- /dev/null +++ b/files/zh-tw/glossary/crawler/index.html @@ -0,0 +1,12 @@ +--- +title: Crawler +slug: Glossary/Crawler +translation_of: Glossary/Crawler +--- +<p>網路爬蟲（web crawler）是個程式，也被稱作機器人（bot、robot），會系統化瀏覽{{glossary("World Wide Web","網路")}}以蒐集網頁資料。通常，搜尋引擎會用爬蟲建立網頁索引。</p> + +<h2 id="深入理解">深入理解</h2> + +<ul> + <li>維基百科的 {{Interwiki("wikipedia", "網路爬蟲")}}</li> +</ul> diff --git a/files/zh-tw/glossary/crud/index.html b/files/zh-tw/glossary/crud/index.html new file mode 100644 index 0000000000..16eb27ad05 --- /dev/null +++ b/files/zh-tw/glossary/crud/index.html @@ -0,0 +1,14 @@ +--- +title: CRUD +slug: Glossary/CRUD +translation_of: Glossary/CRUD +--- +<p><strong>CRUD </strong>(新增:Create , 讀取:Read, 更新: Update, 刪除:Delete) 是指操作儲存資料方式的首字母縮寫。是指操作儲存資料方式的首字母縮寫。CRUD 通常指在資料庫或數據儲存的執行操作，但它也適用於應用程式的高層次功能，像是不直接刪除資料，僅透過狀態標記為刪除的軟刪除。</p> + +<h2 id="Learn_more">Learn more</h2> + +<h3 id="General_knowledge">General knowledge</h3> + +<ul> + <li>{{Interwiki("wikipedia", "CRUD")}} on Wikipedia</li> +</ul> diff --git a/files/zh-tw/glossary/cryptography/index.html b/files/zh-tw/glossary/cryptography/index.html new file mode 100644 index 0000000000..eb8c5953fc --- /dev/null +++ b/files/zh-tw/glossary/cryptography/index.html @@ -0,0 +1,20 @@ +--- +title: 密碼學 +slug: Glossary/Cryptography +tags: + - 安全性 + - 密碼學 + - 術語表 +translation_of: Glossary/Cryptography +--- +<p><span class="seoSummary"><strong>密碼學</strong>, 或者說隱語, 是研究如何安全地編碼和傳遞信息的科學。加密學設計和研究用於在不安全的環境中對消息進行編碼和解碼的算法和應用。</span>密碼學不僅僅涉及數據保密性，它還包含了<strong>識別、認證</strong>、<strong>無依賴性和數據完整性。</strong>因此它同樣研究密碼學方法在上下文、<strong>密碼系統</strong>的用法。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "密碼學")}}</li> + <li>{{glossary("cryptanalysis")}}</li> + <li><a href="https://developer.mozilla.org/en-US/Learn/tutorial/Information_Security_Basics">信息安全教程</a></li> +</ul> diff --git a/files/zh-tw/glossary/csp/index.html b/files/zh-tw/glossary/csp/index.html new file mode 100644 index 0000000000..17341793c6 --- /dev/null +++ b/files/zh-tw/glossary/csp/index.html @@ -0,0 +1,25 @@ +--- +title: CSP +slug: Glossary/CSP +tags: + - HTTP + - 術語表 +translation_of: Glossary/CSP +--- +<p><strong>CSP</strong> (内容安全策略)是被用於檢測和緩解某些網站相關的攻擊類型如{{Glossary("XSS")}} 和資料注入。</p> + +<p>這個策略的履行是基於 {{Glossary("HTTP")}} 頭部的 <code>Content-Security-Policy</code>.</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li><a href="https://en.wikipedia.org/wiki/Content_Security_Policy">維基百科上的内容安全策略</a></li> +</ul> + +<h3 id="技術資訊">技術資訊</h3> + +<ul> + <li><a href="/en-US/docs/Web/Security/CSP">MDN 上的内容安全策略文檔</a></li> +</ul> diff --git a/files/zh-tw/glossary/csrf/index.html b/files/zh-tw/glossary/csrf/index.html new file mode 100644 index 0000000000..cb8a6509ac --- /dev/null +++ b/files/zh-tw/glossary/csrf/index.html @@ -0,0 +1,23 @@ +--- +title: CSRF +slug: Glossary/CSRF +translation_of: Glossary/CSRF +--- +<p><span class="seoSummary"><strong>跨站請求偽造</strong>（Cross-Site Request Forgery, CSRF）是一種冒充信任用戶，來傳送非預期指令的攻擊。</span>比方說，可以在 {{glossary("URL")}} 連結背後添加惡意參數來攻擊：</p> + +<pre><img src="https://www.example.com/index.php?action=delete&id=123"> +</pre> + +<p>對擁有 <code>https://www.example.com</code> 權限的用戶來說，<code><img></code> 元素會在用戶沒注意到的情況下執行 <code>https://www.example.com</code> 的操作。就算這個元素的域名不在 <code>https://www.example.com</code> 亦然。</p> + +<p>有很多能預防 CSRF 的辦法，例如實作 {{glossary("REST", "RESTful API")}}、或添加 secure token 等等。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="一般知識">一般知識</h3> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "跨站請求偽造")}}</li> + <li><a href="https://www.owasp.org/index.php/Cross-Site_Request_Forgery_(CSRF)_Prevention_Cheat_Sheet">Prevention measures</a></li> + <li><a href="/zh-TW/Learn/tutorial/Information_Security_Basics">MDN 安全手冊</a></li> +</ul> diff --git a/files/zh-tw/glossary/css/index.html b/files/zh-tw/glossary/css/index.html new file mode 100644 index 0000000000..3afe82b10a --- /dev/null +++ b/files/zh-tw/glossary/css/index.html @@ -0,0 +1,49 @@ +--- +title: CSS +slug: Glossary/CSS +tags: + - CSS + - CodingScripting + - Web + - 'l10n:priority' + - 階層式樣式表 +translation_of: Glossary/CSS +--- +<p><span class="seoSummary"><strong>階層式樣式表</strong>，或稱<strong>層疊樣式表</strong>（Cascading Style Sheets，<strong>CSS</strong>）是控制網頁的外觀，要在{{glossary("瀏覽器")}}裡面如何表現的陳述式語言。</span>瀏覽器會套用 CSS 樣式宣告、以期被選中的元素能正確顯示之。樣式宣告包含了屬性（Property）與屬性值（Value）。它們會判斷網頁如何顯示。</p> + +<p>CSS 與 {{Glossary("HTML")}} 及 {{Glossary("JavaScript")}} 並列為網路三大核心技術。CSS 通常用作{{Glossary("Element"," HTML 元素")}}的樣式化，但它也能給其他像 {{Glossary("SVG")}} 或 {{Glossary("XML")}} 之類的標示語言樣式化。</p> + +<p>CSS 的規則，是一個{{Glossary("CSS Property","屬性")}}配上一個{{Glossary("selector","選擇器")}}。以下的例子能把所有 HTML 的段落元素，變成黑底黃字：</p> + +<pre class="brush: css">/* 選擇器「p」是指所有文件內的段落，都會受這個規則所影響。 */ +p { + /* "color" 屬性定義了文字的顏色，本例為黃色。 */ + color: yellow; + + /* "background-color" 屬性定義了背景的顏色，本例為黑色。 */ + background-color: black +}</pre> + +<p>階層式樣式表的「階層（Cascading）」一詞，就是在指：如何決定改變網頁外觀的選擇器，其優先次序為何的支配規則。這個功能非常重要，因為一個夠複雜的網頁，可以動用上千個 CSS 規則。</p> + +<h2 id="深入了解">深入了解</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li><a href="https://developer.mozilla.org/zh-TW/docs/Learn/CSS">Learn CSS</a></li> + <li>維基百科的 {{interwiki("wikipedia", "CSS")}}</li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="/zh-TW/docs/Web/CSS">MDN 的 CSS 文件</a></li> + <li><a href="http://www.w3.org/Style/CSS/current-work" rel="external">CSS 工作小組當前的工作進度</a></li> +</ul> + +<h3 id="深入了解_CSS">深入了解 CSS</h3> + +<ul> + <li><a href="http://www.codecademy.com/en/tracks/web" rel="external">codecademy.com 的課程</a></li> +</ul> diff --git a/files/zh-tw/glossary/css_pixel/index.html b/files/zh-tw/glossary/css_pixel/index.html new file mode 100644 index 0000000000..ef969d88a6 --- /dev/null +++ b/files/zh-tw/glossary/css_pixel/index.html @@ -0,0 +1,24 @@ +--- +title: CSS 像素 +slug: Glossary/CSS_pixel +translation_of: Glossary/CSS_pixel +--- +<p><strong>CSS 像素</strong>—在 {{Glossary("CSS")}} 以 <code>px</code> 前輟表示—是大致對應單個點長高、肉眼也能輕易見到、否則就盡可能小的長度單位。按照定義，CSS 像素是在肉眼一臂之遙的距離下，像素密度（pixel density）為單個 96 DPI 像素的物理尺寸。</p> + +<p>這定義當然因為如「輕易見到」或「一臂之遙」之類的不精確、因人而異的用詞，而有很多解釋的空間：像是用戶坐在桌上型電腦前，用戶與那台電腦的距離，其實比手機還遠。</p> + +<p>因此，不管屏幕的實際像素密度多少，通常在談到 <code>px</code> 的時候，是為了想辦法讓 <code>96px</code> 與的長度等於1英寸（約 2.54 公分）。換句話說，如果某台手機的像素密度為 266 DPI，而某個元素的長度為 <code>96px</code>，該元素的實際長度為 266 {{Glossary("設備像素")}}。</p> + +<h2 id="深入理解">深入理解</h2> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="https://drafts.csswg.org/css-values-3/#absolute-lengths">CSS Values and Units Module, section 5.2: Absolute Lengths</a></li> +</ul> + +<h3 id="學習它">學習它</h3> + +<ul> + <li><a href="https://hacks.mozilla.org/2013/09/css-length-explained/">CSS Length Explained</a> on the MDN Hacks Blog</li> +</ul> diff --git a/files/zh-tw/glossary/css_preprocessor/index.html b/files/zh-tw/glossary/css_preprocessor/index.html new file mode 100644 index 0000000000..b450a2dea9 --- /dev/null +++ b/files/zh-tw/glossary/css_preprocessor/index.html @@ -0,0 +1,26 @@ +--- +title: CSS 預處理器 +slug: Glossary/CSS_preprocessor +translation_of: Glossary/CSS_preprocessor +--- +<p><span class="seoSummary"><strong>CSS 預處理器</strong>是個能透過該預處理器語法，產生純 {{Glossary("CSS")}} 的程式。</span>CSS 預處理器有很多選擇，不過大多數的 CSS 預處理器都會添加純 CSS 所沒有的功能，例如：mixin、巢狀選擇器、繼承選擇器等。這些功能會令 CSS 結構的可讀性更高、也更容易維護。</p> + +<p>要使用 CSS 預處理器，你需要在{{Glossary("伺服器")}}安裝 CSS 編譯器，或是在開發環境透過 CSS 預處理器編譯後，上傳編譯好的 CSS 到伺服器。</p> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li>以下列出幾個最受歡迎的 CSS 預處理器： + <ol> + <li><a href="http://sass-lang.com/">Sass</a></li> + <li><a href="http://lesscss.org/">LESS</a></li> + <li><a href="http://stylus-lang.com/">Stylus</a></li> + <li><a href="http://postcss.org/">PostCSS</a></li> + </ol> + </li> + <li><a href="/en-US/docs/Glossary">MDN 術語表</a> + <ol> + <li>{{Glossary("CSS")}}</li> + </ol> + </li> +</ol> +</section> diff --git a/files/zh-tw/glossary/css_selector/index.html b/files/zh-tw/glossary/css_selector/index.html new file mode 100644 index 0000000000..a22541284a --- /dev/null +++ b/files/zh-tw/glossary/css_selector/index.html @@ -0,0 +1,60 @@ +--- +title: CSS 選擇器 +slug: Glossary/CSS_Selector +tags: + - 樣式表 + - 超文本標記語言 + - 選擇器 +translation_of: Glossary/CSS_Selector +--- +<p><strong>CSS 選擇器</strong>是 CSS 規則的一部分。它能讓你選定要調整哪個（或哪些）元素的樣式。例如：</p> + +<pre><code>***HTML*** +<div> I am inside of a div element. </div> +<p> I am inside of a paragraph element. </p> + + +***CSS*** +div { + color: green; +} + +p { + color: red; +}</code> +</pre> + +<p>在第一個 CSS 規則，我選取了 <code><div></code> 元素、並將該元素的文字變成了綠色。在第二個 CSS 規則，我選取了 <code><p></code> 元素、並將該元素的文字變成了紅色。結果應該長成這個樣子：</p> + +<p><img alt="CSS 選擇器的結果" src="https://mdn.mozillademos.org/files/13941/cssSelectorMDNGlossary.jpg" style="border: 1px solid black; height: 101px; width: 343px;"></p> + +<h2 id="深入理解">深入理解</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>基本選擇器 + <ul> + <li><a href="/zh-TW/docs/Web/CSS/Type_selectors">類型選擇器</a> <code>elementname</code></li> + <li><a href="/zh-TW/docs/Web/CSS/Class_selectors">Class 選擇器</a> <code>.classname</code></li> + <li><a href="/zh-TW/docs/Web/CSS/ID_selectors">ID 選擇器</a> <code>#idname</code></li> + <li><a href="/zh-TW/docs/Web/CSS/Universal_selectors">通用選擇器</a><code> * ns|* *|*</code></li> + <li><a href="/zh-TW/docs/Web/CSS/Attribute_selectors">屬性選擇器</a><code> [attr=value]</code></li> + <li><a href="/zh-TW/docs/Web/CSS/Pseudo-classes">狀態選擇器</a> <code>a:active, a:visited</code></li> + </ul> + </li> + <li>複合選擇器 + <ul> + <li><a href="/zh-TW/docs/Web/CSS/Adjacent_sibling_selectors">鄰接同層選擇器</a> <code>A + B</code></li> + <li><a href="/zh-TW/docs/Web/CSS/General_sibling_selectors">通用同層選擇器</a> <code>A ~ B</code></li> + <li><a href="/zh-TW/docs/Web/CSS/Child_selectors">直屬選擇器</a> <code>A > B</code></li> + <li><a href="/zh-TW/docs/Web/CSS/Descendant_selectors">後代選擇器</a> <code>A B</code></li> + </ul> + </li> + <li><a href="/zh-TW/docs/Web/CSS/Pseudo-elements">虛擬元素</a></li> + <li><a href="/zh-TW/docs/Web/CSS/Pseudo-classes">虛擬類別</a></li> +</ul> + +<h3 id="技術指南">技術指南</h3> + +<p>{{SpecName("CSS3 Selectors")}}</p> diff --git a/files/zh-tw/glossary/cssom/index.html b/files/zh-tw/glossary/cssom/index.html new file mode 100644 index 0000000000..a55ce90074 --- /dev/null +++ b/files/zh-tw/glossary/cssom/index.html @@ -0,0 +1,18 @@ +--- +title: CSS 物件模型 (CSSOM) +slug: Glossary/CSSOM +translation_of: Glossary/CSSOM +--- +<p><strong>CSS 物件模型 (CSS Object Model, CSSOM)</strong> 是一個存放所有 CSS 選擇器與相關特性的樹狀結構容器，擁有根節點、鄰居節點、後代節點、子代節點以及其他關係。CSSCOM 非常類似於 <a href="/en-US/docs/Glossary/DOM">DOM 文件物件模型</a> 。它們兩者都是關鍵渲染路徑的其中一部分，是網站渲染的必要步驟。</p> + +<p>CSSOM 與 DOM 一起建構渲染樹，瀏覽器依序使用它來排版與繪製網頁。</p> + +<h3 id="CSSOM_API">CSSOM API</h3> + +<p><a href="/en-US/docs/Web/API/CSS_Object_Model">CSS Object Model</a> 的系列 API 允許從 JavaScript 處理操作 CSS。它更像是 DOM，但是用於 CSS 而非 HTML。允許使用者動態讀取與修改 CSS 樣式。</p> + +<h2 id="也可以看看">也可以看看</h2> + +<ul> + <li><a href="/en-US/docs/Web/Performance/Populating_the_page:_how_browsers_work">Populating the page: how browsers work</a></li> +</ul> diff --git a/files/zh-tw/glossary/data_structure/index.html b/files/zh-tw/glossary/data_structure/index.html new file mode 100644 index 0000000000..ec4d0cd68f --- /dev/null +++ b/files/zh-tw/glossary/data_structure/index.html @@ -0,0 +1,14 @@ +--- +title: 資料結構 +slug: Glossary/Data_structure +tags: + - 資料結構 +translation_of: Glossary/Data_structure +--- +<p><strong>資料結構</strong> 用一些特別的方式去組織與儲存資料使得資料能夠更有效率的被使用。</p> + +<p><strong>了解更多</strong></p> + +<ul> + <li>維基百科:{{interwiki("wikipedia", "Data_structure", "Data structure")}} </li> +</ul> diff --git a/files/zh-tw/glossary/developer_tools/index.html b/files/zh-tw/glossary/developer_tools/index.html new file mode 100644 index 0000000000..e437649d62 --- /dev/null +++ b/files/zh-tw/glossary/developer_tools/index.html @@ -0,0 +1,29 @@ +--- +title: 開發者工具 +slug: Glossary/Developer_Tools +tags: + - 術語表 + - 開發者工具 +translation_of: Glossary/Developer_Tools +--- +<p>開發者工具 (或"開發工具"或簡稱 "DevTools")是程式准許開發者執行創建、測試和{{Glossary("debug")}}的軟體。</p> + +<p>現在的瀏覽器都提供了完整的開發者工具，它被准許用來檢查網站。它們讓用戶檢查和debug 頁面上的 {{Glossary("HTML")}}, {{Glossary("CSS")}} 和 {{Glossary("JavaScript")}}准許檢查引起的網路流量，并使測量性能成爲更多，以及其他。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的{{interwiki("wikipedia", "網頁開發工具", "Web development tools")}}</li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li>MDN 上的 <a href="/en-US/docs/Tools">火狐開發者工具 </a></li> + <li><a href="https://getfirebug.com/">Firebug</a> (Firefox的前開發者工具)</li> + <li>在 chrome.com 上的 <a href="https://developer.chrome.com/devtools">Chrome DevTools</a></li> + <li>在 apple.com 上的<a href="https://developer.apple.com/library/content/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40007874-CH1-SW1">Safari Web Inspector</a></li> + <li>在 microsoft.com 的 <a href="https://docs.microsoft.com/en-us/microsoft-edge/f12-devtools-guide">Edge Dev Tools</a></li> +</ul> diff --git a/files/zh-tw/glossary/dhtml/index.html b/files/zh-tw/glossary/dhtml/index.html new file mode 100644 index 0000000000..dfffad06bb --- /dev/null +++ b/files/zh-tw/glossary/dhtml/index.html @@ -0,0 +1,7 @@ +--- +title: DHTML +slug: Glossary/DHTML +translation_of: Glossary/DHTML +--- +<p><b>DHTM</b><strong>L</strong> 是動態 (<em>dynamic) HTML</em> 的縮短形式，且通常用於指那些未使用 flash 或 java 等外掛的交互式網頁後面的程式碼。The term aggregates the combined functionality 允許網頁開法者使用 <a href="/en-US/docs/HTML">HTML</a> ， <a href="/en-US/docs/CSS">CSS</a> ， <a href="/en-US/docs/DOM">Document Object Model</a> ，以及 <a href="/en-US/docs/JavaScript">JavaScript</a>。</p> +<p>DHTML 與 {{Glossary("Ajax")}} 的不同之處在於，在載入階段它仍然基於 HTML, CSS 和 JS 等程式碼來定義。相反的，基於 Ajax 的頁面則使用 {{domxref("XMLHttpRequest")}} 介面來動態載入更多的資料。</p> diff --git a/files/zh-tw/glossary/dns/index.html b/files/zh-tw/glossary/dns/index.html new file mode 100644 index 0000000000..b03da4794b --- /dev/null +++ b/files/zh-tw/glossary/dns/index.html @@ -0,0 +1,18 @@ +--- +title: DNS +slug: Glossary/DNS +tags: + - DNS + - 術語表 +translation_of: Glossary/DNS +--- +<p>DNS (域名系統)將便於記憶的需要查找 {{Glossary("Internet")}} 上特定的計算機服務或私人網路{{glossary("domain name","域名")}}轉換為數字{{Glossary("IP address","IP addresses")}}。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li><a href="/en-US/Learn/Understanding_domain_names">理解域名</a></li> + <li>維基百科上的 {{interwiki("wikipedia", "Domain_Name_System", "域名系統")}} </li> +</ul> diff --git a/files/zh-tw/glossary/doctype/index.html b/files/zh-tw/glossary/doctype/index.html new file mode 100644 index 0000000000..bf0f51c1d9 --- /dev/null +++ b/files/zh-tw/glossary/doctype/index.html @@ -0,0 +1,22 @@ +--- +title: Doctype +slug: Glossary/Doctype +translation_of: Glossary/Doctype +--- +<p><code><!DOCTYPE></code>會告知你的{{Glossary("瀏覽器")}}這個文件是用哪個版本的 {{Glossary("HTML")}} （或 {{glossary("XML")}}）撰寫。Doctype 是一種宣告，而非 {{Glossary("tag")}}。你也可以把它想作「document type declaration」（文件類型宣告），或是縮寫的 「DTD」。</p> + +<h2 id="了解詳情">了解詳情</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>英文維基百科的 <a href="https://en.wikipedia.org/wiki/Document_type_declaration">Document type declaration</a> </li> + <li><a href="/zh-TW/docs/Quirks_Mode_and_Standards_Mode">怪異模式與標準模式</a></li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="/zh-TW/docs/Web/API/Document/doctype">Document.doctype</a>，以 JavaScript 回傳文件類型的方法</li> + <li><a href="/zh-TW/docs/Using_multiple_DTDs">使用多種 DTD</a>以符合本地化</li> +</ul> diff --git a/files/zh-tw/glossary/document_directive/index.html b/files/zh-tw/glossary/document_directive/index.html new file mode 100644 index 0000000000..3aa32cfdaa --- /dev/null +++ b/files/zh-tw/glossary/document_directive/index.html @@ -0,0 +1,35 @@ +--- +title: Document directive +slug: Glossary/Document_directive +tags: + - 指令 + - 術語表 +translation_of: Glossary/Document_directive +--- +<p><strong>{{Glossary("CSP")}} 文件指令</strong> 被用在 {{HTTPHeader("Content-Security-Policy")}} 頭部和管理應用策略的文件或<a href="/en-US/docs/Web/API/Web_Workers_API">工作者</a>環境的屬性。</p> + +<p>文件指令不會回退到 {{CSP("default-src")}} 指令。</p> + +<p>這些 CSP 指令是文件指令:</p> + +<ul> + <li>{{CSP("base-uri")}}</li> + <li>{{CSP("plugin-types")}}</li> + <li>{{CSP("sandbox")}}</li> + <li>{{CSP("disown-opener")}}</li> +</ul> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="技術資訊">技術資訊</h3> + +<ul> + <li>{{HTTPHeader("Content-Security-Policy")}}</li> + <li>其他類型的指令: + <ul> + <li>{{Glossary("Fetch directive")}}</li> + <li>{{Glossary("Navigation directive")}}</li> + <li>{{Glossary("Reporting directive")}}</li> + </ul> + </li> +</ul> diff --git a/files/zh-tw/glossary/dom/index.html b/files/zh-tw/glossary/dom/index.html new file mode 100644 index 0000000000..17b1aa58f2 --- /dev/null +++ b/files/zh-tw/glossary/dom/index.html @@ -0,0 +1,29 @@ +--- +title: DOM +slug: Glossary/DOM +tags: + - DOM + - 文件物件模組 + - 術語表 +translation_of: Glossary/DOM +--- +<p>DOM(Document Object Model, DOM) 是用來表示和與任何{{glossary("HTML")}} 或 {{glossary("XML")}} 文件互動的 {{glossary("API")}}。DOM是一個載入於{{glossary("browser")}}中的文件模組，它的表示方式像樹的節點一樣, 每個節點代表著文件的一部分(如：{{Glossary("element")}}、 文字或留言)。</p> + +<p>DOM是一個在{{glossary("World Wide Web","Web")}}中最常被使用的{{Glossary("API")}}s，因為它在瀏覽器中允許程式碼執行存取和互動任何在文件中的節點。 節點可以被創建、移動和變更。事件監聽器可以被新增至節點中，當發生特定事件時會被觸發。</p> + +<p>DOM最初並沒有被定義—它是來自於當瀏覽器開始啟用{{Glossary("JavaScript")}}時出現。這個老舊的DOM有時候會稱DOM 0。此時此刻, WHATWG推動著DOM現存的標準.</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>維基百科上的{{interwiki("wikipedia", "Document_Object_Model", "The Document Object Model")}}</li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="/en-US/docs/DOM">The DOM documentation on MDN</a></li> + <li><a href="https://dom.spec.whatwg.org/" rel="external">The DOM Standard</a></li> +</ul> diff --git a/files/zh-tw/glossary/domain/index.html b/files/zh-tw/glossary/domain/index.html new file mode 100644 index 0000000000..311c5d0589 --- /dev/null +++ b/files/zh-tw/glossary/domain/index.html @@ -0,0 +1,16 @@ +--- +title: 域 +slug: Glossary/Domain +tags: + - 域 + - 瀏覽器 + - 術語表 +translation_of: Glossary/Domain +--- +<p>域是實體控制數據處理資源的電腦網路的一部分，比如說網站。</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li>維基百科上的 {{interwiki("wikipedia", "Domain_(software_engineering)", "域在 IT 領域")}}</li> +</ul> diff --git a/files/zh-tw/glossary/domain_name/index.html b/files/zh-tw/glossary/domain_name/index.html new file mode 100644 index 0000000000..89565e0310 --- /dev/null +++ b/files/zh-tw/glossary/domain_name/index.html @@ -0,0 +1,18 @@ +--- +title: 域名 +slug: Glossary/Domain_name +tags: + - 域名 + - 術語表 +translation_of: Glossary/Domain_name +--- +<p>域名是指在網際網路({{Glossary("Internet")}})上的網站地址。它在網址({{Glossary("URL","URLs")}})裡被用來確定所屬伺服器的具體網頁。它由一組層次順序標籤 (labels)組成並以句點 (dots)分割和擴展名({{glossary("TLD","extension")}})結尾。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識"><strong>基礎知識</strong></h3> + +<ul> + <li>維基百科上的 {{interwiki("wikipedia", "Domain_name", "域名")}}</li> + <li><a href="/en-US/Learn/Understanding_domain_names">理解域名</a></li> +</ul> diff --git a/files/zh-tw/glossary/dos_attack/index.html b/files/zh-tw/glossary/dos_attack/index.html new file mode 100644 index 0000000000..84c0b65a0f --- /dev/null +++ b/files/zh-tw/glossary/dos_attack/index.html @@ -0,0 +1,34 @@ +--- +title: DoS 攻擊 +slug: Glossary/DOS_attack +tags: + - DoS + - 安全性 + - 術語表 +translation_of: Glossary/DOS_attack +--- +<p id="Summary">DoS (拒絕服務)是一種網路攻擊手段，它通過大量的伺服器請求來阻止合法使用伺服器({{glossary("server")}})資源。</p> + +<p id="In_Depth">計算機的資源有限，例如計算能力或内存。當這些資源過載，程式可能會凍結或崩潰，導致程式不可用。DoS 攻擊由耗盡資源、使伺服器或網路對合法用戶不可用、使服務器執行緩慢等多種技術組成。</p> + +<h3 id="DoS_攻擊的類型">DoS 攻擊的類型</h3> + +<p>DoS 攻擊更多的是一種類別而不是具體的某種方式的攻擊。如下是 DoS 攻擊類型的不完全列表： </p> + +<ul> + <li>帶寬攻擊</li> + <li>服務請求汎濫</li> + <li>SYN 汎濫攻擊</li> + <li>ICMP 汎濫攻擊</li> + <li>點到點攻擊</li> + <li>永久 DoS 攻擊</li> + <li>應用級別汎濫攻擊</li> +</ul> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li>維基百科上的 {{interwiki("wikipedia", "Denial-of-service_attack", "拒絕服務攻擊")}}</li> + <li><a href="https://www.owasp.org/index.php/Denial_of_Service">在 OWASP 上的拒絕服務攻擊</a></li> + <li>{{Glossary("Distributed Denial of Service","DDoS")}}</li> +</ul> diff --git a/files/zh-tw/glossary/ecma/index.html b/files/zh-tw/glossary/ecma/index.html new file mode 100644 index 0000000000..441fc58302 --- /dev/null +++ b/files/zh-tw/glossary/ecma/index.html @@ -0,0 +1,20 @@ +--- +title: ECMA +slug: Glossary/ECMA +tags: + - Glossary + - Stub + - WebMechanics + - 'l10n:priority' +translation_of: Glossary/ECMA +--- +<p><strong>Ecma International</strong> （全名 European Computer Manufacturers Association，歐洲電腦製造商協會）是一個制定電腦硬體、通訊、程式語言標準的非營利組織。</p> + +<p>該組織維護<a href="http://www.ecma-international.org/publications/standards/Ecma-262.htm"> ECMA-262 規格</a>（又稱 {{Glossary("ECMAScript")}}），也就是 {{Glossary("JavaScript")}} 語言的核心標準規格，而在網路上為人所知。</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li>維基百科上的 {{interwiki("wikipedia", "Ecma_International", "Ecma International")}} 條目</li> + <li><a href="http://www.ecma-international.org/">Ecma International </a>組織網站</li> +</ul> diff --git a/files/zh-tw/glossary/ecmascript/index.html b/files/zh-tw/glossary/ecmascript/index.html new file mode 100644 index 0000000000..d27e9454e1 --- /dev/null +++ b/files/zh-tw/glossary/ecmascript/index.html @@ -0,0 +1,22 @@ +--- +title: ECMAScript +slug: Glossary/ECMAScript +tags: + - 術語 +translation_of: Glossary/ECMAScript +--- +<p><strong>ECMAScript</strong> 是一種腳本語言，且 {{glossary("JavaScript")}} 奠基於此之上。<a href="http://www.ecma-international.org">Ecma International</a> 這個組織負責將 ECMAScript 標準化。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "ECMAScript")}}</li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="http://www.ecmascript.org/">ECMAScript</a></li> +</ul> diff --git a/files/zh-tw/glossary/element/index.html b/files/zh-tw/glossary/element/index.html new file mode 100644 index 0000000000..0b455c993b --- /dev/null +++ b/files/zh-tw/glossary/element/index.html @@ -0,0 +1,20 @@ +--- +title: 元素 +slug: Glossary/Element +tags: + - HTML + - 術語 +translation_of: Glossary/Element +--- +<p>元素（element）是網頁結構的一部分。在 XML 與 HTML 中，元素可能包含資料清單、文字、圖片，或是也可能不包含東西。典型的元素會包含一個有些許屬性（attributes）的開始標籤（opening tag）、被包覆住的文字內容，以及一個結束標籤（closing tag）。<br> + <img alt="Example: in <p class="nice">Hello world!</p>, '<p class="nice">' is an opening tag, 'class="nice"' is an attribute and its value, 'Hello world!' is enclosed text content, and '</p>' is a closing tag." src="https://mdn.mozillademos.org/files/7659/anatomy-of-an-html-element.png" style="height: 181px; width: 609px;"></p> + +<p>元素與標籤是不同的概念。在原始碼中，標籤用來標注元素開始與結束，而元素其實是 {{Glossary("DOM")}} 的一部分。DOM，指文件物件模型（document object model），會由 {{glossary("browser")}} 將 DOM 呈現為網頁。</p> + +<h2 id="瞭解更多">瞭解更多</h2> + +<ul> + <li>The {{domxref("Element")}} interface, representing an element in the DOM.</li> + <li><a href="/zh-TW/docs/Web/Guide/HTML/Element">More details about elements.</a></li> + <li><a href="https://developer.mozilla.org/zh-TW/docs/Web/Web_Components/Custom_Elements">Web_Components/Custom_Elements</a></li> +</ul> diff --git a/files/zh-tw/glossary/empty_element/index.html b/files/zh-tw/glossary/empty_element/index.html new file mode 100644 index 0000000000..14876af156 --- /dev/null +++ b/files/zh-tw/glossary/empty_element/index.html @@ -0,0 +1,33 @@ +--- +title: Empty element +slug: Glossary/Empty_element +tags: + - 置空元素 + - 術語表 +translation_of: Glossary/Empty_element +--- +<p><strong>置空元素(empty element)</strong>是一種來自HTML、 SVG 或 MathML <strong>不能</strong>有任何子節點 (如，嵌套元素或 文本節點)的元素({{Glossary("element")}})。</p> + +<p><a href="https://html.spec.whatwg.org/multipage/">HTML</a>、 <a href="https://www.w3.org/TR/SVG2/">SVG</a> 和 <a href="https://www.w3.org/TR/MathML3/">MathML</a> 規範非常精確地定義了每個元素可以包含什麼。很多組合沒有語義意義，例如 {{HTMLElement("audio")}} 元素嵌套{{HTMLElement("hr")}} 元素。</p> + +<p>在 HTML，給置空元素使用閉合標籤是無效的。例如：<code><input type="text"></input></code> 就是無效的 HTML。</p> + +<p> HTML的置空元素列表如下：</p> + +<ul> + <li>{{HTMLElement("area")}}</li> + <li>{{HTMLElement("base")}}</li> + <li>{{HTMLElement("br")}}</li> + <li>{{HTMLElement("col")}}</li> + <li>{{HTMLElement("embed")}}</li> + <li>{{HTMLElement("hr")}}</li> + <li>{{HTMLElement("img")}}</li> + <li>{{HTMLElement("input")}}</li> + <li>{{HTMLElement("keygen")}}(HTML 5.2 草稿已移除)</li> + <li>{{HTMLElement("link")}}</li> + <li>{{HTMLElement("meta")}}</li> + <li>{{HTMLElement("param")}}</li> + <li>{{HTMLElement("source")}}</li> + <li>{{HTMLElement("track")}}</li> + <li>{{HTMLElement("wbr")}}</li> +</ul> diff --git a/files/zh-tw/glossary/engine/index.html b/files/zh-tw/glossary/engine/index.html new file mode 100644 index 0000000000..b959e4de46 --- /dev/null +++ b/files/zh-tw/glossary/engine/index.html @@ -0,0 +1,17 @@ +--- +title: Engine +slug: Glossary/Engine +tags: + - 引擎 + - 術語表 +translation_of: Glossary/Engine +--- +<p>{{glossary("JavaScript")}} 引擎是解析和執行 JavaScript 程式的翻譯員。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的{{Interwiki("wikipedia", "JavaScript engine")}}</li> +</ul> diff --git a/files/zh-tw/glossary/event/index.html b/files/zh-tw/glossary/event/index.html new file mode 100644 index 0000000000..fb95918359 --- /dev/null +++ b/files/zh-tw/glossary/event/index.html @@ -0,0 +1,24 @@ +--- +title: 事件 +slug: Glossary/event +tags: + - 事件 + - 術語表 +translation_of: Glossary/event +--- +<p>事件是 <a href="https://developer.mozilla.org/en-US/docs/Glossary/DOM">DOM</a> 元素產生的事情，它可以通過 Javascript 代碼來操作.</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Event">MDN上的事件文檔</a></li> +</ul> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li><a href="https://www.w3.org/TR/DOM-Level-2-Events/events.html">官方站點</a></li> + <li>維基百科上的 {{Interwiki("wikipedia", "DOM 事件")}}</li> +</ul> diff --git a/files/zh-tw/glossary/firefox_os/index.html b/files/zh-tw/glossary/firefox_os/index.html new file mode 100644 index 0000000000..050eec7eed --- /dev/null +++ b/files/zh-tw/glossary/firefox_os/index.html @@ -0,0 +1,23 @@ +--- +title: Firefox OS +slug: Glossary/Firefox_OS +tags: + - Firefox OS + - 術語表 +translation_of: Glossary/Firefox_OS +--- +<p id="Summary">Firefox OS 是 Mozilla's 手機操作系統，基於 Linux 和 {{glossary("Mozilla Firefox","Firefox's")}} 强大的 {{glossary("Gecko")}} 渲染引擎。Firefox OS 主要由 {{glossary("Gaia")}}, {{glossary("Gecko")}}, 和 {{glossary("Gonk")}} 組成。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的 {{interwiki("wikipedia", "Firefox OS")}}</li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li>在 MDN 找出更多關於 Firefox OS 的 <a href="/en-US/Firefox_OS">Firefox OS Zone</a>!</li> +</ul> diff --git a/files/zh-tw/glossary/firewall/index.html b/files/zh-tw/glossary/firewall/index.html new file mode 100644 index 0000000000..f2b6ce11e7 --- /dev/null +++ b/files/zh-tw/glossary/firewall/index.html @@ -0,0 +1,20 @@ +--- +title: 防火墻 +slug: Glossary/firewall +tags: + - 安全性 + - 術語表 + - 防火墻 +translation_of: Glossary/firewall +--- +<p><strong>防火墻</strong>是一個過濾網路流量的系統。 它也可以根據一些特定的規則，讓它穿透或阻止它。例如，它可以阻止特定端口的傳入鏈接或者是傳出鏈接到特定的 IP 地址。 </p> + +<p>防火墻可以像單一軟體的一樣簡單或者更複雜，就像專門的軟體，衹有防火墻一個功能。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "Firewall (computing)")}}</li> +</ul> diff --git a/files/zh-tw/glossary/first-class_function/index.html b/files/zh-tw/glossary/first-class_function/index.html new file mode 100644 index 0000000000..f4f9e1d50b --- /dev/null +++ b/files/zh-tw/glossary/first-class_function/index.html @@ -0,0 +1,98 @@ +--- +title: 一級函式（First-class Function） +slug: Glossary/First-class_Function +translation_of: Glossary/First-class_Function +--- +<p>當函式在那個語言中可以被視為跟其他的變數一樣時，我們稱那樣的程式語言擁有<strong>一級函式</strong>。例如，函式可以作為參數傳遞到另一個函式，可以被另一個函式作為回傳值且可以被當作值一樣指派到另一個變數。</p> + +<h2 id="範例_指定函式到一個變數">範例 | 指定函式到一個變數</h2> + +<h3 id="JavaScript">JavaScript</h3> + +<pre class="brush: js">const foo = function() { + console.log("foobar"); +} +// Invoke it using the variable +foo(); +</pre> + +<p>我們指派一個 <font face="consolas, Liberation Mono, courier, monospace"><span style="background-color: rgba(220, 220, 220, 0.5);">匿名函式</span></font> 到 <code>變數</code> 中，然後在這個變數後面加上括弧 <code>()</code> 的方式來調用那個函式。</p> + +<div class="note"> +<p><strong>即使你已經為函式命名了</strong>，你仍然可以透過這個變數的名稱來調用它。有命名的函數在你除錯時是有幫助的。<em>但是這並不會影響我們調用它的方式</em>。</p> +</div> + +<h2 id="範例_將函式作為參數來傳遞">範例 | 將函式作為參數來傳遞</h2> + +<h3 id="JavaScript_2">JavaScript</h3> + +<pre class="brush: js">function sayHello() { + return "Hello, "; +} +function greeting(helloMessage, name) { + console.log(helloMessage() + name); +} +// Pass `sayHello` as an argument to `greeting` function +greeting(sayHello, "JavaScript!"); +</pre> + +<p>我們將 <code>sayHello()</code> 函式當成是變數傳遞到 <code>greeting()</code> 函式，這說明了我們將函式視為是一個 <font face="consolas, Liberation Mono, courier, monospace"><span style="background-color: rgba(220, 220, 220, 0.5);">值</span></font> 來使用它。</p> + +<div class="note"> +<p>將函式作為參數傳遞到另一個函式時，被當作參數傳遞的那個函式我們稱之為回調函式 <strong><a href="/en-US/docs/Glossary/Callback_function">Callback function</a>。</strong> <em><code>sayHello</code> 就是一個回調函式。</em></p> +</div> + +<h2 id="範例_回傳一個函式">範例 | 回傳一個函式</h2> + +<h3 id="JavaScript_3">JavaScript</h3> + +<pre class="brush: js">function sayHello() { + return function() { + console.log("Hello!"); + } +} +</pre> + +<p>在這個例子中，我們需要從另一個函式中回傳函式回來 - <em>在 JavaScript 中，我們可以回傳函式是因為我們將函式當成是一個 <code>值</code> 。</em></p> + +<div class="note"> +<p>當一個函式可以回傳一個函式時，稱之為高階函式 ( <strong>Higher-Order Function </strong>)。</p> +</div> + +<p>回到剛才的例子，現在我們需要調用 <code>sayHello</code> 函式與它所回傳的匿名函式 (<code>Anonymous Function</code>)。 為了達成這個目標，我們有兩種方式：</p> + +<h3 id="1-_使用變數">1- 使用變數</h3> + +<pre class="brush: js">const sayHello = function() { + return function() { + console.log("Hello!"); + } +} +const myFunc = sayHello(); +myFunc(); +</pre> + +<p>這樣做的話，它會回傳 <code>Hello!</code> 這個訊息。</p> + +<div class="note"> +<p>如果你直接調用 <code>sayHello</code> 的話，你必須再使用另一個變數來儲存之後再調用它，調用 <code>sayHello</code> 只會回傳函式回來而<strong>非調用它所回傳的函式</strong>。</p> +</div> + +<h3 id="2-_使用雙括號">2- 使用雙括號</h3> + +<pre class="brush: js">function sayHello() { + return function() { + console.log("Hello!"); + } +} +sayHello()();</pre> + +<p>我們也可使用雙括號 <code>()()</code> 來調用所回傳的函數。</p> + +<h2 id="Learn_more">Learn more</h2> + +<h3 id="General_knowledge">General knowledge</h3> + +<ul> + <li>{{Interwiki("wikipedia", "First-class_function", "First-class functions")}} on Wikipedia</li> +</ul> diff --git a/files/zh-tw/glossary/first_contentful_paint/index.html b/files/zh-tw/glossary/first_contentful_paint/index.html new file mode 100644 index 0000000000..25ac67cbcb --- /dev/null +++ b/files/zh-tw/glossary/first_contentful_paint/index.html @@ -0,0 +1,15 @@ +--- +title: 首次內容繪製 +slug: Glossary/First_contentful_paint +translation_of: Glossary/First_contentful_paint +--- +<p><strong>首次內容繪製</strong> (First Contentful Paint, FCP) 是當瀏覽器從文件物件模型 (DOM) 渲染第一塊內容，第一次提供頁面正在載入的回饋給使用者。這個問題是「它發生了嗎？」當首次內容繪製完成時，答案為「是的」。</p> + +<p>首次內容繪製時間戳記是當瀏覽器第一次渲染任何文字、圖片（包含背景圖片），以及非空白的 canvas 標籤或 SVG 向量圖片。排除任何 iframe 裡的內容，但包含等待中的網路字體 (webfonts)。意即使用者第一次開始使用頁面內容。</p> + +<h2 id="也可以看看">也可以看看:</h2> + +<ul> + <li><a href="/en-US/docs/Glossary/first_meaningful_paint">First Meaningful Paint</a></li> + <li><a href="https://w3c.github.io/paint-timing/#first-contentful-paint">Paint Timing specification</a></li> +</ul> diff --git a/files/zh-tw/glossary/first_cpu_idle/index.html b/files/zh-tw/glossary/first_cpu_idle/index.html new file mode 100644 index 0000000000..c2ea874868 --- /dev/null +++ b/files/zh-tw/glossary/first_cpu_idle/index.html @@ -0,0 +1,6 @@ +--- +title: 首次 CPU 閒置 +slug: Glossary/First_CPU_idle +translation_of: Glossary/First_CPU_idle +--- +<p class="seoSummary"><strong>首次 CPU 閒置 (First CPU Idle) </strong> 測量當頁面進行最小幅度的互動或適當視窗平靜到足夠處理使用者的輸入。它是一個非標準的 Google 網站效能指標。一般來說，它發生在大部分但是非必要的所有可見 UI 元素進行互動時，且使用者介面能做出回應，大多數平均的使用者輸入落在 50 毫秒。它也被稱為 <a href="https://developer.mozilla.org/en-US/docs/Glossary/First_interactive">First interactive</a> 。</p> diff --git a/files/zh-tw/glossary/first_input_delay/index.html b/files/zh-tw/glossary/first_input_delay/index.html new file mode 100644 index 0000000000..0161930979 --- /dev/null +++ b/files/zh-tw/glossary/first_input_delay/index.html @@ -0,0 +1,15 @@ +--- +title: 首次輸入延遲 +slug: Glossary/First_input_delay +translation_of: Glossary/First_input_delay +--- +<p><span class="seoSummary"><strong>首次輸入延遲</strong> (First input delay, FID) 測量從使用者第一次與你的網站互動（例如當他們點選連結、按鈕或是使用自訂的 JavaScript 控制），瀏覽器實際上能夠回應此次互動的時間點。它是個在首次使用者於網頁互動以及瀏覽器回應此互動的時間長度 (以毫秒為單位)。捲動與縮放行為都不包含在這個指標。</span></p> + +<p>這個時間介於內容已經在頁面繪製完成 (FCP) 以及所有功能都能夠回應使用者的互動時間。通常取決於 JavaScript 需要在主執行緒下載、剖析、以及執行，而且在缺乏裝置速度 (考慮低階行動裝置) 的情況。延遲時間越長，使用者體驗越差。縮短網站初始化時間以及預估<a href="/en-US/docs/Web/API/Long_Tasks_API"> long tasks</a> 有助於預估首次輸入延遲。 </p> + +<h2 id="也可以看看">也可以看看</h2> + +<ul> + <li><a href="/en-US/docs/Web/API/Window/requestIdleCallback">requestIdleCallback </a></li> + <li><a href="/en-US/docs/Learn/Performance/Lazy_loading">lazy loading</a></li> +</ul> diff --git a/files/zh-tw/glossary/ftp/index.html b/files/zh-tw/glossary/ftp/index.html new file mode 100644 index 0000000000..ade332674a --- /dev/null +++ b/files/zh-tw/glossary/ftp/index.html @@ -0,0 +1,20 @@ +--- +title: FTP +slug: Glossary/FTP +tags: + - FTP + - 術語表 +translation_of: Glossary/FTP +--- +<p><strong>FTP </strong>(文件傳輸協定)作爲從一個伺服器({{glossary("host")}}) 到另一個伺服器通過網路傳輸文件的標準協定({{glossary("protocol")}})很多年。不過逐漸現在很多團隊和托管賬戶不允許使用 FTP 并且使用依賴于版本控制系統如 Git 代替。你可能會發現在老的托管賬戶中仍有使用它，但確切的說， FTP不再是最佳實踐。 </p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li><a href="/en-US/Learn/Upload_files_to_a_web_server">初學者指引通過 FTP 上傳文件</a></li> + <li>維基百科上的{{interwiki("wikipedia", "File Transfer Protocol", "FTP")}}</li> +</ul> + +<p> </p> diff --git a/files/zh-tw/glossary/git/index.html b/files/zh-tw/glossary/git/index.html new file mode 100644 index 0000000000..06b4272e1b --- /dev/null +++ b/files/zh-tw/glossary/git/index.html @@ -0,0 +1,15 @@ +--- +title: Git +slug: Glossary/Git +translation_of: Glossary/Git +--- +<p><strong>Git</strong> 是一套自由、開放原始碼，分散式原始碼管理（{{Glossary("SCM", "SCM", 1)}}）的工具軟體。它有助於分散式的開發團隊處理程式碼協同作業。有別於以前的原始碼管理系統，本地開發環境能處理常用的操作（分支、提交等），而無需更改主要的程式碼儲存倉庫，即使沒有寫入權限。</p> + +<h2 id="學習更多">學習更多</h2> + +<h3 id="一般知識">一般知識</h3> + +<ul> + <li><a href="http://git-scm.com/">內含文件的官方網站</a></li> + <li><a href="https://github.com/">GitHub</a>，以 Git 為基礎的圖像式專案託管服務</li> +</ul> diff --git a/files/zh-tw/glossary/grid/index.html b/files/zh-tw/glossary/grid/index.html new file mode 100644 index 0000000000..08c6263d8b --- /dev/null +++ b/files/zh-tw/glossary/grid/index.html @@ -0,0 +1,71 @@ +--- +title: Grid +slug: Glossary/Grid +translation_of: Glossary/Grid +--- +<p><em>CSS 格線</em>(CSS grid) 使用 <code>display: grid;</code> 值，你可以透過 {{cssxref("grid-template-rows")}} 與 {{cssxref("grid-template-columns")}} 屬性定義格線的行（Row）與列（Column）。</p> + +<p>使用這些屬性的格線會稱做<em>明式格線</em>（explicit grid）。</p> + +<p>如果把內容放在明式格線外；或是依賴自動配置、而格線演算法要建立額外的{{glossary("grid tracks", "格線軌道")}}以支持{{glossary("grid item", "格線單元")}}的話，明式格線內就會建立額外的格線軌道。<em>明式格線</em>是指內容因為定義的軌道外增添，而自動建立內容的格線。</p> + +<p>下例創建了三列兩行的<em>明式格線</em>。格線第三行是明式格線行軌道，它是為了讓超過六個單元的格線，能夠填滿明式格線。</p> + +<div id="example"> +<div class="hidden"> +<pre class="brush: css">* {box-sizing: border-box;} + +.wrapper { + border: 2px solid #f76707; + border-radius: 5px; + background-color: #fff4e6; +} + +.wrapper > div { + border: 2px solid #ffa94d; + border-radius: 5px; + background-color: #ffd8a8; + padding: 1em; + color: #d9480f; +} +</pre> +</div> + +<pre class="brush: css">.wrapper { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + grid-template-rows: 100px 100px; +} +</pre> + +<pre class="brush: html"><div class="wrapper"> + <div>One</div> + <div>Two</div> + <div>Three</div> + <div>Four</div> + <div>Five</div> + <div>Six</div> + <div>Seven</div> + <div>Eight</div> +</div> +</pre> + +<p>{{ EmbedLiveSample('example', '500', '330') }}</p> + +<h2 id="深入理解re">深入理解re</h2> + +<h3 id="屬性參考">屬性參考</h3> + +<ul> + <li>{{cssxref("grid-template-columns")}}</li> + <li>{{cssxref("grid-template-rows")}}</li> + <li>{{cssxref("grid")}}</li> + <li>{{cssxref("grid-template")}}</li> +</ul> + +<h3 id="參閱">參閱</h3> + +<ul> + <li>CSS 格線布局教學：<em><a href="/zh-TW/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">格線布局的基本概念</a></em></li> +</ul> +</div> diff --git a/files/zh-tw/glossary/hash/index.html b/files/zh-tw/glossary/hash/index.html new file mode 100644 index 0000000000..358c8c54ab --- /dev/null +++ b/files/zh-tw/glossary/hash/index.html @@ -0,0 +1,17 @@ +--- +title: 散列 +slug: Glossary/hash +tags: + - Hash + - 術語表 +translation_of: Glossary/hash +--- +<p>散列函式需要一個可變長度的消息輸入并產生一個固定長度的輸出。它通常是以128位的指紋或信息摘要的形式出現。散列對於密碼學({{glossary("cryptography")}})非常有用-它們確保了傳輸數據的完整性。這為提供消息認證的{{glossary("HMAC's")}}提供了基礎。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "散列函式")}}</li> +</ul> diff --git a/files/zh-tw/glossary/head/index.html b/files/zh-tw/glossary/head/index.html new file mode 100644 index 0000000000..73baa9e8b8 --- /dev/null +++ b/files/zh-tw/glossary/head/index.html @@ -0,0 +1,19 @@ +--- +title: Head +slug: Glossary/Head +tags: + - HTML + - head + - 術語表 +translation_of: Glossary/Head +--- +<p><strong>Head</strong><strong> 是</strong>一個 {{glossary("HTML")}} 文檔的一部分，它包含了關於文檔的 {{glossary("metadata")}}，如作者(author)、描述(description)、 和引入 {{glossary("CSS")}} 或 {{glossary("JavaScript")}} 文件 并將應用于HTML。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="HTML_head">HTML head</h3> + +<ul> + <li>MDN 上的 {{htmlelement("head")}} 元件參考</li> + <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/The_HTML_head">The HTML <head></a> 在 MDN 上的學習領域</li> +</ul> diff --git a/files/zh-tw/glossary/hoisting/index.html b/files/zh-tw/glossary/hoisting/index.html new file mode 100644 index 0000000000..650e30013c --- /dev/null +++ b/files/zh-tw/glossary/hoisting/index.html @@ -0,0 +1,72 @@ +--- +title: 提升（Hoisting） +slug: Glossary/Hoisting +tags: + - JavaScript + - hoisting + - 提升 +translation_of: Glossary/Hoisting +--- +<p>提升（Hoisting）是在 <a href="http://www.ecma-international.org/ecma-262/6.0/index.html">ECMAScript® 2015 Language Specification</a> 裡面找不到的專有名詞。它是一種釐清 JaveScript 在執行階段內文如何運行的思路（尤其是在創建和執行階段）。然而，提升一詞可能會引起誤解：例如，提升看起來是單純地將變數和函式宣告，移動到程式的區塊頂端，然而並非如此。變數和函數的宣告會在編譯階段就被放入記憶體，但實際位置和程式碼中完全一樣。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="技術範例">技術範例</h3> + +<p>在執行任何程式碼前，JavaScript 會把函式宣告放進記憶體裡面，這樣做的優點是：可以在程式碼宣告該函式之前使用它。<br>例如：</p> + +<pre class="brush: js">function catName(name) { + console.log("My cat's name is " + name); +} + +catName("Tigger"); +/* +上面程式的結果是: "My cat's name is Tigger" +*/ +</pre> + +<p>上面的程式碼片段，就是你希望程式碼運作的樣子。現在讓我們看看，如果在這一段函式宣告之前就執行它，到底會發生什麼事：</p> + +<pre class="brush: js">catName("Chloe"); + +function catName(name) { + console.log("My cat's name is " + name); +} +/* +上面程式的結果是: "My cat's name is Chloe" +*/ +</pre> + +<p>即使我們函式的程式碼之前就先呼叫它，程式碼仍然可以運作。這是出於 JavaScript 內文執行的運作原理。</p> + +<p>提升也適用於其他型別和變數。變數可以在宣告之前進行初始化和使用。但如果沒有初始化，就不能使用它們。</p> + +<h3 id="技術範例_2">技術範例</h3> + +<pre>num = 6; +num + 7; +var num; +/* 只要 num 有被宣告，就不會有錯誤 */ + +</pre> + +<p>JavaScript 僅提升宣告的部分，而不是初始化。如果在使用該變數後才宣告和初始化，那麼該值將是 undefined。以下兩個範例顯示了這個特性。</p> + +<pre>var x = 1; // 初始化 x +console.log(x + " " + y); // '1 undefined' +var y = 2; +//上下的程式結果都一樣 + +var x = 1; // 初始化 x +var y; // 宣告 y +console.log(x + " " + y); // '1 undefined' +y = 2; // 初始化 y +</pre> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="https://www.udemy.com/understand-javascript/">JavaScript: Understanding the Weird Parts</a> - Udemy.com Course</li> + <li><a href="/zh-TW/docs/Web/JavaScript/Reference/Statements/var">var statement</a> - MDN</li> + <li><a href="/zh-TW/docs/Web/JavaScript/Reference/Statements/function">function statement</a> - MDN</li> +</ul> diff --git a/files/zh-tw/glossary/host/index.html b/files/zh-tw/glossary/host/index.html new file mode 100644 index 0000000000..c48024c384 --- /dev/null +++ b/files/zh-tw/glossary/host/index.html @@ -0,0 +1,20 @@ +--- +title: 主機 +slug: Glossary/Host +tags: + - 主機 + - 網頁 + - 術語表 +translation_of: Glossary/Host +--- +<p>主機是一種連接網際網路（{{glossary("Internet")}}）或本地網路的設備。有些稱作伺服器（{{glossary("server")}}）的主機還會提供額外的服務：像是提供網頁服務、存放文件和郵件。</p> + +<p>伺服器的主機服務可以是由硬體直接產生，也可以由軟體程式產生虛擬實體。後者被稱為虛擬主機（Virtual hosting）。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的{{interwiki("wikipedia", "主機")}}</li> +</ul> diff --git a/files/zh-tw/glossary/html/index.html b/files/zh-tw/glossary/html/index.html new file mode 100644 index 0000000000..c2a0dd5ed0 --- /dev/null +++ b/files/zh-tw/glossary/html/index.html @@ -0,0 +1,51 @@ +--- +title: HTML +slug: Glossary/HTML +tags: + - CodingScripting + - Glossary + - HTML + - 'l10n:priority' +translation_of: Glossary/HTML +--- +<div>{{QuickLinksWithSubpages("/en-US/docs/Glossary")}}</div> + +<p>超文件標示語言（<strong>HTML</strong>，HyperText Markup Language）是用於指定網頁結構的描述性語言。</p> + +<h2 id="簡歷">簡歷</h2> + +<p>在 1990 年，作為 Tim Berners-Lee 對{{Glossary("World Wide Web","網路")}}所知的一部分，{{Glossary("hypertext","超文本")}}的概念被定義起來了。隔年，Berners-Lee 以 {{Glossary("SGML")}} 的標記為基礎定型起來。{{Glossary("IETF")}} 於 1993 年規範了 HTML、並在 1995 年發布 2.0（第二版）。1994 年 Berners-Lee 成立了 {{Glossary("W3C")}} 以便發展網路。1996 年，W3C 接手 HTML 的工作，並在隔年發布了 HTML 3.2 Recommendation（HTML 3.2 建議）。在 1999 年發布了 HTML 4.0 並在 2000 年成為 {{Glossary("ISO")}} 標準。</p> + +<p>這段期間，偏好 {{Glossary("XHTML")}} 的 W3C 幾乎拋棄了 HTML，使得 2004 年一個稱作 {{Glossary("WHATWG")}} 的獨立團體成立起來。也因為 WHATWG 的努力，{{Glossary("HTML5")}} 的工作持續進行：兩個組織在 2008 年發布了第一份草稿、最終標準則在 2014 年實行。</p> + +<h2 id="概念及語法">概念及語法</h2> + +<p>HTML 是個以{{Glossary("element","元素")}}構成的純文字文件。元素通常被開啟與關閉的{{Glossary("tag","標籤")}}包覆起來。每個標籤都以角括號（<code><></code>）作為開始與結束。不過，也有些不包覆任何文件的空標籤（empty or <em>void</em> tag），例如 {{htmlelement("img")}}。</p> + +<p>你可以透過{{Glossary("attribute","屬性")}}擴展 HTML 標籤，它能提供附加訊息，以改變瀏覽器的解釋方法：</p> + +<p><img alt="HTML 元素的結構資訊" src="https://mdn.mozillademos.org/files/7659/anatomy-of-an-html-element.png" style="height: 181px; width: 609px;"></p> + +<p>HTML <span class="tlid-translation translation" lang="zh-TW"><span title="">文件</span></span>的副檔名通常存為 <code>.htm</code> 或是 <code>.html</code>。它們會放在{{Glossary("伺服器","網頁伺服器")}}上運作、並由{{Glossary("瀏覽器")}}渲染。</p> + +<h2 id="深入了解">深入了解</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>維基百科的 {{interwiki("wikipedia", "HTML", "HTML")}}</li> +</ul> + +<h3 id="學習_HTML">學習 HTML</h3> + +<ul> + <li><a href="/zh-TW/Learn/HTML">我們的 HTML 教學</a></li> + <li><a href="http://www.codecademy.com/en/tracks/web" rel="external">codecademy.com 的網路課程</a></li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="/zh-TW/docs/Web/HTML">HTML 的 CSS 文件</a></li> + <li><a href="http://www.w3.org/TR/html5/" rel="external">HTML 規範</a></li> +</ul> diff --git a/files/zh-tw/glossary/html5/index.html b/files/zh-tw/glossary/html5/index.html new file mode 100644 index 0000000000..60f627a355 --- /dev/null +++ b/files/zh-tw/glossary/html5/index.html @@ -0,0 +1,16 @@ +--- +title: HTML5 +slug: Glossary/HTML5 +tags: + - HTML + - HTML5 + - 術語表 +translation_of: Glossary/HTML5 +--- +<p>{{Glossary("HTML")}} 最新的穩定版本, HTML5 將 HTML 從簡單的文檔結構標記帶領到全app 開發平臺。新增了更多其他的功能, HTML5 包含了新的元素和{{glossary("JavaScript")}} {{glossary("API","APIs")}}，它們提高了存儲、多媒體和硬體訪問的效率。</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li><a href="/en-US/docs/Web/Guide/HTML/HTML5">我們的 HTML5 引導</a></li> +</ul> diff --git a/files/zh-tw/glossary/http/index.html b/files/zh-tw/glossary/http/index.html new file mode 100644 index 0000000000..fadef9e26f --- /dev/null +++ b/files/zh-tw/glossary/http/index.html @@ -0,0 +1,13 @@ +--- +title: HTTP +slug: Glossary/HTTP +translation_of: Glossary/HTTP +--- +<p>超文字傳輸協定（HyperText Transfer Protocol、HTTP）是能在{{glossary("World Wide Web","全球資訊網")}}發起文件傳輸的基本{{glossary("protocol","協定")}}。HTTP 屬於文本性（所有交流都透過純文字完成）及無狀態（所有交流都不會記得上一次的交流）的。</p> + +<h2 id="深入了解">深入了解</h2> + +<ul> + <li><a href="/zh-TW/docs/Web/HTTP">MDN 的 HTTP </a></li> + <li>維基百科的 {{interwiki("wikipedia", "HTTP", "HTTP")}}</li> +</ul> diff --git a/files/zh-tw/glossary/identifier/index.html b/files/zh-tw/glossary/identifier/index.html new file mode 100644 index 0000000000..7cb9add9f3 --- /dev/null +++ b/files/zh-tw/glossary/identifier/index.html @@ -0,0 +1,19 @@ +--- +title: 識別字 +slug: Glossary/Identifier +tags: + - 術語表 + - 識別字 +translation_of: Glossary/Identifier +--- +<p>字符中的代碼序列定義了變數(<strong>{{glossary("variable")}})、函式({{glossary("function")}}) 或屬性({{glossary("property")}})。</strong></p> + +<p>在 {{glossary("JavaScript")}} 中， 識別字衹能包含字母數字字符 (或 "$" 或 "_")，并不能以數字開頭。識別字不同於字符串，字符串是數據而識別字是代碼的一部分 。在 JavaScript 中，沒有辦法把識別字轉換為字符串，但有時候可能把字符串解析為識別碼。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的 {{interwiki("wikipedia", "Identifier#In_computer_science", "識別字")}}</li> +</ul> diff --git a/files/zh-tw/glossary/iife/index.html b/files/zh-tw/glossary/iife/index.html new file mode 100644 index 0000000000..10c20fbf91 --- /dev/null +++ b/files/zh-tw/glossary/iife/index.html @@ -0,0 +1,69 @@ +--- +title: IIFE +slug: Glossary/IIFE +translation_of: Glossary/IIFE +--- +<p><strong>IIFE </strong>(Immediately Invoked Function Expression) 是一個定義完馬上就執行的 {{glossary("JavaScript")}} {{glossary("function")}}。</p> + +<p>他又稱為 {{glossary("Self-Executing Anonymous Function")}}，也是一種常見的設計模式，包含兩個主要部分：第一個部分是使用{{jsxref("Operators/Grouping", "Grouping Operator")}} <code> ()</code> 包起來的 anonymous function。這樣的寫法可以避免裡面的變數污染到 global scope。</p> + +<p>第二個部分是馬上執行 function 的 expression <code>()</code>，JavaScript 引擎看到它就會立刻轉譯該 function。</p> + +<h2 id="Examples">Examples</h2> + +<p>Function 轉換為 expression 形式，並且馬上執行，function scope 內的變數在外面是無法存取的。</p> + +<pre class="brush: js"><span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> + var aName = "Barry"; +<span class="p">})(); +// Variable name is not accessible from the outside scope +aName </span>// throws "Uncaught ReferenceError: aName is not defined" +</pre> + +<p>把 IIFE 只配給變數會儲存它的結果，而非 function 本身</p> + +<pre class="brush: js"><span class="p">var result = (</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> + var name = "Barry"; + return name; +<span class="p">})(); +// Immediately creates the output: +result; // "Barry"</span></pre> + +<h3 id="其它形式">其它形式</h3> + +<p>符合 JSLint 的版本，行為一樣，只有語意略有差異：</p> + +<pre class="brush: js">(function () { + var aName = "Barry"; +}()); +</pre> + +<p>Arrow function 版本，程式碼更為精簡，行為一致：</p> + +<pre class="brush: js">(() => { + var aName = "Barry"; +})();</pre> + +<p>Async function 版本，目前主要為了 top level await 而使用：</p> + +<pre class="brush: js">(async function () { + var aName = "Barry"; +})(); + +(async () => { + var aName = "Barry"; +})();</pre> + +<h2 id="更多資訊">更多資訊</h2> + +<h3 id="學習它">學習它</h3> + +<ul> + <li><a href="/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript#Functions">Quick example</a> (在 "Functions" 部分的最後面, "Custom objects" 的正前面)</li> +</ul> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>{{interwiki("wikipedia", "Immediately-invoked function expression", "IIFE")}} 維基百科</li> +</ul> diff --git a/files/zh-tw/glossary/immutable/index.html b/files/zh-tw/glossary/immutable/index.html new file mode 100644 index 0000000000..5bf9879041 --- /dev/null +++ b/files/zh-tw/glossary/immutable/index.html @@ -0,0 +1,22 @@ +--- +title: Immutable +slug: Glossary/Immutable +translation_of: Glossary/Immutable +--- +<p>我們在說一個不可變的{{glossary("物件")}}，意思就是這樣的物件內容部會被改變。</p> + +<p>在多數情況下會要使物件成為immutable，例如:</p> + +<ul> + <li>改善效能(即不打算在之後對物件做修改)</li> + <li>降低記憶體使用量(使用{{glossary("object reference")}}而非複製整個物件)</li> + <li>執行緒安全(多個執行緒都關連到相同物件且不會影響到彼此)</li> +</ul> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>Wikipedia上的{{interwiki("wikipedia", "不可變物件", "不可變物件")}}</li> +</ul> diff --git a/files/zh-tw/glossary/index.html b/files/zh-tw/glossary/index.html new file mode 100644 index 0000000000..e09fd53b7c --- /dev/null +++ b/files/zh-tw/glossary/index.html @@ -0,0 +1,25 @@ +--- +title: 術語表 +slug: Glossary +tags: + - Beginner + - Glossary + - Index + - TopicStub +translation_of: Glossary +--- +<div style="max-width: 300px; float: right; margin: 0 0 .5em 1em;">{{LearnBox({"title":"Learn a new term:"})}}</div> + +<p>網路技術包含了一長串的術語以及縮寫，這些會被使用在文件跟程式碼中。此術語表提供你需要知道的辭彙與縮寫的定義，以便能成功理解和建構網路。</p> + +<p>{{GlossaryList({"split":"h3", "css":"multiColumnList"})}}</p> + +<h2 id="為術語表作貢獻">為術語表作貢獻</h2> + +<p>這個術語表永遠不會寫完。你可以幫忙<a href="/zh-TW/docs/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary">撰寫新術語</a>或是改寫現有的術語。最簡單的開始方法，就是按下面的按鈕，或是點選其中一個術語。</p> + +<p><strong><a href="/zh-TW/docs/new?parent=4391">撰寫新的術語</a></strong></p> + +<p>{{GlossaryList({"terms":["at-rule","Attack","Character set","cryptosystem","debug","digital signature","execution","flex-direction","fork","GLSL","Grid Container","Interface", "Intrinsic size","Library","Memory management","Public-key crytography","routers","RTP","RTSP","Self-Executing Anonymous Function","Stylesheet","Symmetric-key cryptography","Vector image"], "filter":"notdefined", "css":"multiColumnList"})}}</p> + +<p>如果想知道如何建設術語表，請看看<a href="/zh-TW/docs/MDN/Doc_status/Glossary">術語表文件的進度頁面</a>。</p> diff --git a/files/zh-tw/glossary/indexeddb/index.html b/files/zh-tw/glossary/indexeddb/index.html new file mode 100644 index 0000000000..3da56fa08c --- /dev/null +++ b/files/zh-tw/glossary/indexeddb/index.html @@ -0,0 +1,20 @@ +--- +title: IndexedDB +slug: Glossary/IndexedDB +tags: + - API + - Sql + - 'l10n:priority' + - 撰寫程式 + - 術語表 + - 資料庫 +translation_of: Glossary/IndexedDB +--- +<p>IndexedDB 是一個用來在瀏覽器內儲存大型數據結構，並對其建立索引以高效查詢的 Web {{glossary("API")}}。類似基於 {{glossary("SQL")}} 的 <a href="https://en.wikipedia.org/wiki/Relational_database_management_system" title="Relational DataBase Management System">關連式資料庫管理系統（RDBMS）</a>， IndexedDB 是一套交易式資料庫系統。然而，它使用 {{glossary("JavaScript")}} 物件而非固定欄位的資料表來記錄資料。</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li>MDN 上的 {{domxref('IndexedDB_API','IndexedDB API','',1)}}</li> + <li><a href="http://w3c.github.io/IndexedDB/">W3C 的 IndexedDB 標準</a></li> +</ul> diff --git a/files/zh-tw/glossary/ip_address/index.html b/files/zh-tw/glossary/ip_address/index.html new file mode 100644 index 0000000000..1bc874eb9a --- /dev/null +++ b/files/zh-tw/glossary/ip_address/index.html @@ -0,0 +1,21 @@ +--- +title: IP 位址 +slug: Glossary/IP_Address +tags: + - Beginner + - Glossary + - Infrastructure + - Web +translation_of: Glossary/IP_Address +--- +<p>IP 位址是一組分配給所有使用網際網路通訊協定的裝置的編號。</p> + +<p>在 IPv6 被更廣泛採用前，「IP 位址」一般來說指的仍然是 32 位元長度的 IPv4 位址。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="一般知識">一般知識</h3> + +<ul> + <li>維基百科上的 {{interwiki("wikipedia", "IP address", "IP address")}}</li> +</ul> diff --git a/files/zh-tw/glossary/jank/index.html b/files/zh-tw/glossary/jank/index.html new file mode 100644 index 0000000000..68af9b8f07 --- /dev/null +++ b/files/zh-tw/glossary/jank/index.html @@ -0,0 +1,6 @@ +--- +title: Jank +slug: Glossary/Jank +translation_of: Glossary/Jank +--- +<p><strong>Jank</strong> 是在講用戶介面的執行緩慢，主因是主執行緒的執行過久、或是遭到封鎖的渲染、抑或在後台進程上，花費太多的處理器能力。</p> diff --git a/files/zh-tw/glossary/java/index.html b/files/zh-tw/glossary/java/index.html new file mode 100644 index 0000000000..0675ad405f --- /dev/null +++ b/files/zh-tw/glossary/java/index.html @@ -0,0 +1,23 @@ +--- +title: Java +slug: Glossary/Java +tags: + - Java + - 術語表 +translation_of: Glossary/Java +--- +<p>Java 是一個{{glossary("Compile", "編譯式")}}、{{glossary("OOP", "物件導向")}}、可攜性高的{{Glossary("computer programming", "程式設計")}}語言。</p> + +<p>Java 屬於靜態型別，並具有類 C 的語法。它還有個稱作 Java 軟體開發套件（Java Software Development Kit, SDK）的函式庫，裡面有很多易於使用的功能包。</p> + +<p>程式只提前{{glossary("Compile", "編譯")}}一次，編譯成專有的字節碼和包格式，接著在 Java 虛擬機（Java Virtual Machine, JVM）內部執行。JVM 支持跨平台，這使得 Java 程式幾乎可以在任何地方運行，而無需再次編譯或打包。這個特性使它成為很多大型企業的首選，但也可能會被認為過於「沉重」。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科的 {{interwiki("wikipedia", "Java")}}</li> +</ul> + +<div>{{QuickLinksWithSubpages("/zh-TW/docs/Glossary")}}</div> diff --git a/files/zh-tw/glossary/javascript/index.html b/files/zh-tw/glossary/javascript/index.html new file mode 100644 index 0000000000..0e0f970f4d --- /dev/null +++ b/files/zh-tw/glossary/javascript/index.html @@ -0,0 +1,41 @@ +--- +title: JavaScript +slug: Glossary/JavaScript +translation_of: Glossary/JavaScript +--- +<p>JavaScript（JS）是個程式語言。通常用於用戶端（client-side）的動態網頁腳本，不過也常藉由 <a href="http://nodejs.org/" rel="external">Node.js</a> 之類的軟體包，使用到{{Glossary("Server","伺服器")}}端（Server-side）。</p> + +<p>不要把 JavaScript 與 {{interwiki("wikipedia", "Java")}} 這兩個程式語言混淆了。雖然「Java」與「JavaScript」都是甲骨文公司（Oracle）在美國和其他國家或地區註冊的商標，但這兩個程式語言在語法、語意、還有用處上，都有極大的不同。</p> + +<p>前 Netscape 員工 Brendan Eich 原本想讓 JavaScript 成為伺服器端語言。但 JavaScript 卻在 1995 年九月於 Netscape Navigator 2.0 降生並得到隨之而來的成功。{{glossary("Microsoft Internet Explorer", "Internet Explorer 3.0")}} 也在 1996 年八月以 JScript 的名義支援 JavaScript。</p> + +<p>1996 年十一月，Netscape 開始與 ECMA International 合作以期使 JavaScript 成為行業標準（industry standard）。從此以後，標準化的 JavaScript 就被稱為 ECMAScript 並規範在 ECMA-262 之下，其最新的第八版於 2017 年六月生效。</p> + +<p>JavaScript 通常用於瀏覽器，使開發者能透過 {{Glossary("DOM")}} 操縱網頁內容、或透過 {{Glossary("AJAX")}} 與 {{Glossary("IndexedDB")}} 操縱資料；還可以用它在 {{Glossary("canvas")}} 上面繪圖、透過各種 {{Glossary("API","API")}} 與各種設備的瀏覽器交流……等等。由於近年各大瀏覽器的增長、以及 {{Glossary("API","APIs")}} 的效能改進，JavaScript 成了全世界最常用的程式語言之一。</p> + +<p>最近，JavaScript 挾著非瀏覽器跨平台執行環境 <a href="http://nodejs.org/" rel="external">Node.js</a> 的巨大成功，重返了伺服器世界。電腦上的 Node.js 能讓 JavaScript 作為腳本語言使用以處理自動化。另外，還可以組建完整的 {{Glossary("HTTP")}} 與 {{Glossary("Web Sockets")}} 伺服器。</p> + +<h2 id="深入了解">深入了解</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>維基百科的 {{interwiki("wikipedia", "JavaScript", "JavaScript")}}</li> +</ul> + +<h3 id="學習_JavaScript">學習 JavaScript</h3> + +<ul> + <li>MDN 的 {{Link("/zh-TW/docs/Web/JavaScript/Guide")}}</li> + <li><a href="http://nodeschool.io/#workshoppers">NodeSchool 的 javascripting 工作坊</a></li> + <li><a href="http://www.codecademy.com/tracks/javascript" rel="external">codecademy.com 的 JavaScript 課程</a></li> + <li><a href="http://ejohn.org/apps/learn/" rel="external">John Resig 的 Learning Advanced JavaScript</a></li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="http://www.ecma-international.org/publications/standards/Ecma-262.htm" rel="external">最新的 ECMAScript 標準</a></li> + <li>MDN 的 {{Link("/zh-TW/docs/Web/JavaScript/reference")}}</li> + <li><a href="http://eloquentjavascript.net/" rel="external"><em>Eloquent JavaScript</em> 一書</a></li> +</ul> diff --git a/files/zh-tw/glossary/jpeg/index.html b/files/zh-tw/glossary/jpeg/index.html new file mode 100644 index 0000000000..987a570df4 --- /dev/null +++ b/files/zh-tw/glossary/jpeg/index.html @@ -0,0 +1,14 @@ +--- +title: JPEG +slug: Glossary/jpeg +translation_of: Glossary/jpeg +--- +<p><strong>JPEG</strong>（Joint Photographic Experts Group，聯合圖像專家小組）通常指是一種圖片的失真壓縮法。</p> + +<h2 id="深入理解">深入理解</h2> + +<h3 id="一般資訊">一般資訊</h3> + +<ul> + <li>維基百科的 {{Interwiki("wikipedia", "JPEG")}}</li> +</ul> diff --git a/files/zh-tw/glossary/jquery/index.html b/files/zh-tw/glossary/jquery/index.html new file mode 100644 index 0000000000..66c7f1035e --- /dev/null +++ b/files/zh-tw/glossary/jquery/index.html @@ -0,0 +1,42 @@ +--- +title: jQuery +slug: Glossary/jQuery +translation_of: Glossary/jQuery +--- +<p><span class="seoSummary">jQuery 是專精於簡化 {{Glossary("DOM")}}、{{Glossary("AJAX")}}、與 {{Glossary("Event")}} 操作的 {{Glossary("JavaScript")}} {{Glossary("函式庫")}}。</span></p> + +<p>jQuery 用 <code>$(selector).action()</code> 格式，指派元素到指定的事件。詳細來說， <code>$(selector)</code> 會呼叫 jQuery 選取 <code>selector</code> 元素，並指派它到稱作 <code>.action()</code> 事件的 {{Glossary("API")}}。</p> + +<pre class="brush: js"><code class="language-js">$(document).ready(function(){ + alert("Hello World!"); + $("#blackBox").hide(); +});</code></pre> + +<p>上面這段 jQuery 程式碼，會執行與這段原生 JavaScript 程式碼相同的事情：</p> + +<pre class="brush: js">window.onload = function() { + alert("Hello World!"); + document.getElementById("blackBox").style.display = "none"; +};</pre> + +<p>或這段：</p> + +<pre class="brush: js">window.addEventListener("load", () => { + alert("Hello World!"); + document.getElementById("blackBox").style.display = "none"; +});</pre> + +<h2 id="深入理解">深入理解</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>維基百科的 {{Interwiki("wikipedia", "jQuery")}}</li> + <li><a href="https://jquery.com/">jQuery 官方網站</a></li> +</ul> + +<h3 id="技術資訊">技術資訊</h3> + +<ul> + <li><a href="https://api.jquery.com/">API 參考文件</a></li> +</ul> diff --git a/files/zh-tw/glossary/json/index.html b/files/zh-tw/glossary/json/index.html new file mode 100644 index 0000000000..776ffecdcb --- /dev/null +++ b/files/zh-tw/glossary/json/index.html @@ -0,0 +1,29 @@ +--- +title: JSON +slug: Glossary/JSON +tags: + - CodingScripting + - Glossary + - Intro + - JSON +translation_of: Glossary/JSON +--- +<p><em>JavaScript Object Notation</em>（<strong>JSON</strong>）是一種資料交換格式。JSON 的語法非常接近 {{Glossary("JavaScript")}}，但嚴格上來說 JSON 並不是 JavaScript 的一個子集。許多程式語言都支援 JSON，不過 JSON 在基於 JavaScript 的應用程式（包含網站和瀏覽器擴充功能）中特別有用。</p> + +<p>JSON 可以表示數字、布林值、字串、<code>null</code>、陣列（一些有順序的數值），以及由這些數值所組成的物件（字串和數值的對應表）。原生的 JSON 不能用來表示較複雜的資料，像是函式、正規表達式、日期等。（日期物件可以被序列化成為 ISO 格式的日期字串，不會完全遺失資料。）如果你需要 JSON 來表示這些額外的資料類型，請在他們序列或反序列化時轉換數值。</p> + +<p>JSON 和 XML 很像，能夠儲存傳統 CSV 格式不能儲存的多層級資料。有許多工具可以互相轉換這些格式，例如 <a href="https://json-csv.com">JSON to CSV Converter</a>。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的 {{interwiki("wikipedia", "JSON", "JSON")}} 條目</li> +</ul> + +<h3 id="技術資料">技術資料</h3> + +<ul> + <li>MDN 上的 {{Link("/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/JSON")}} 條目</li> +</ul> diff --git a/files/zh-tw/glossary/key/index.html b/files/zh-tw/glossary/key/index.html new file mode 100644 index 0000000000..70c8f5c612 --- /dev/null +++ b/files/zh-tw/glossary/key/index.html @@ -0,0 +1,20 @@ +--- +title: Key +slug: Glossary/Key +tags: + - Key + - 安全性 + - 術語表 +translation_of: Glossary/Key +--- +<p><span class="seoSummary">密鑰是密碼({{Glossary("cipher")}})用於加密({{Glossary("encryption")}}) 和/或解密({{Glossary("decryption")}})的一條信息。</span> 關於加密系統({{Glossary("cryptosystem")}})的所有加密信息都應該保持安全，除了密鑰，這是公共的認知。</p> + +<p>在對稱密鑰密碼學({{Glossary("symmetric-key cryptography")}})中，同時使用相同的密鑰加解密。在公共密鑰密碼學({{Glossary("public-key cryptography")}})中，存在一對作為公鑰和私鑰的相關密鑰。公鑰是免費提供的，而私鑰則是保密的。公鑰可以對只有相應私鑰解密的信息加密，反之亦然。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li>維基百科上的 <a href="http://en.wikipedia.org/wiki/Kerckhoffs%27s_principle">Kerckhoffs's principle</a></li> +</ul> diff --git a/files/zh-tw/glossary/keyword/index.html b/files/zh-tw/glossary/keyword/index.html new file mode 100644 index 0000000000..53e51ca354 --- /dev/null +++ b/files/zh-tw/glossary/keyword/index.html @@ -0,0 +1,19 @@ +--- +title: 關鍵詞 +slug: Glossary/Keyword +tags: + - 術語表 + - 關鍵詞 +translation_of: Glossary/Keyword +--- +<p id="Summary"><strong>關鍵詞</strong>是描述内容的字或短語。在綫關鍵詞被用於搜索引擎的查詢或用來識別站點上的内容.</p> + +<p>當你使用搜索引擎，你會使用指定的關鍵詞來搜索你想查找的東西，搜索引擎根據關鍵詞來返回相關的結果頁。爲了搜索到更精準的結果，需要嘗試更多指定的關鍵詞，如使用 "Blue Mustang GTO" 代替簡單的 "Mustang"。網頁也可以用 meta 標簽(寫在 {{htmlelement("head")}}使用關鍵詞描述頁面的内容，它可以使搜索引擎更好的定義和組織網頁。</p> + +<h2 id="了解更多"><strong>了解更多</strong></h2> + +<h3 id="基礎知識"><strong>基礎知識</strong></h3> + +<ul> + <li>維基百科上的 {{interwiki("wikipedia", "Keyword_research", "關鍵詞")}}</li> +</ul> diff --git a/files/zh-tw/glossary/ligature/index.html b/files/zh-tw/glossary/ligature/index.html new file mode 100644 index 0000000000..a3909276cc --- /dev/null +++ b/files/zh-tw/glossary/ligature/index.html @@ -0,0 +1,16 @@ +--- +title: Ligature +slug: Glossary/Ligature +translation_of: Glossary/Ligature +--- +<p>所謂<strong>「連字」(ligature)</strong>，即是將兩個字母整合為單一字母。以法文的「œ」為例，即是「o」與「e」的連字。</p> + +<p>你可使用 {{cssxref("font-variant-ligatures")}} 在自己的網頁上設計出連字。</p> + +<h2 id="Learn_more">Learn more</h2> + +<h3 id="General_knowledge">General knowledge</h3> + +<ul> + <li>{{interwiki("wikipedia", "Typographic ligature", "Ligature")}} on Wikipedia</li> +</ul> diff --git a/files/zh-tw/glossary/localization/index.html b/files/zh-tw/glossary/localization/index.html new file mode 100644 index 0000000000..01a4dec5ac --- /dev/null +++ b/files/zh-tw/glossary/localization/index.html @@ -0,0 +1,63 @@ +--- +title: 在地化 +slug: Glossary/Localization +tags: + - 本地化 +translation_of: Glossary/Localization +--- +<p> </p> + +<div> +<p><strong>在地化 (Localization)</strong>（有時稱本地化）是將程式介面由一種語言翻譯成另一種語言，並調整各部份為適合當地文化及習慣的過程。下面的資源可協助建立 Mozilla 相關程式或套件的在地化工作。</p> +</div> + +<table class="topicpage-table"> + <tbody> + <tr> + <td> + <h4 id=".E7.B2.BE.E9.81.B8.E6.96.87.E4.BB.B6" name=".E7.B2.BE.E9.81.B8.E6.96.87.E4.BB.B6">精選文件</h4> + + <dl> + <dt><a href="zh_tw/XUL_%e6%95%99%e5%ad%b8/%e6%9c%ac%e5%9c%b0%e5%8c%96">XUL 教學:在地化</a></dt> + <dd><small><a href="zh_tw/XUL_%e6%95%99%e5%ad%b8">XUL 教學</a> 中提到如何在地化 XUL 程式的小節。</small></dd> + </dl> + + <dl> + <dt><a href="zh_tw/XUL_%e6%95%99%e5%ad%b8/Property_%e6%aa%94%e6%a1%88">XUL 教學:Property 檔案</a></dt> + <dd><small><a href="zh_tw/XUL_%e6%95%99%e5%ad%b8">XUL 教學</a> 中解釋如何使用 Property 檔案的小節。</small></dd> + </dl> + + <dl> + <dt><a href="zh_tw/%e6%92%b0%e5%af%ab%e5%8f%af%e6%9c%ac%e5%9c%b0%e5%8c%96%e7%9a%84%e7%a8%8b%e5%bc%8f%e7%a2%bc">撰寫可在地化的程式碼</a></dt> + <dd><small>本文提供程式設計師們關於在地化的練習和撰寫準則。</small></dd> + </dl> + + <dl> + <dt><a href="zh_tw/%e5%a6%82%e4%bd%95%e7%bf%bb%e8%ad%af%e5%a5%97%e4%bb%b6%e6%95%98%e8%bf%b0">如何翻譯套件敘述</a></dt> + <dd><small>想要翻譯套件敘述（就是擴充套件視窗中套件名稱下面的說明），你需要用特殊的 prefreence key 才能蓋掉 install.rdf 檔中原來的英文敘述。本文會教你如何修改 preference key。</small></dd> + </dl> + + <p><span class="alllinks"><a>所有文件...</a></span></p> + </td> + <td> + <h4 id=".E5.85.B6.E4.BB.96.E9.A0.81.E9.9D.A2" name=".E5.85.B6.E4.BB.96.E9.A0.81.E9.9D.A2">其他頁面</h4> + + <ul> + <li><a>文件</a></li> + <li><a>工具</a></li> + <li><a href="zh_tw/Localization/%e7%a4%be%e7%be%a4">社群</a></li> + </ul> + + <h4 id=".E7.9B.B8.E9.97.9C.E4.B8.BB.E9.A1.8C" name=".E7.9B.B8.E9.97.9C.E4.B8.BB.E9.A1.8C">相關主題</h4> + + <dl> + <dd><a href="zh_tw/%e6%93%b4%e5%85%85%e5%a5%97%e4%bb%b6">擴充套件</a>, <a href="zh_tw/XUL">XUL</a></dd> + </dl> + + <p> </p> + </td> + </tr> + </tbody> +</table> + +<div class="noinclude"> </div> diff --git a/files/zh-tw/glossary/mathml/index.html b/files/zh-tw/glossary/mathml/index.html new file mode 100644 index 0000000000..0005ad20de --- /dev/null +++ b/files/zh-tw/glossary/mathml/index.html @@ -0,0 +1,23 @@ +--- +title: MathML +slug: Glossary/MathML +tags: + - MathML + - 術語表 +translation_of: Glossary/MathML +--- +<p id="Summary"><strong>MathML </strong>(一種 {{glossary("XML")}} 應用程式)是一種在網頁上表示數學表達式的開放標準。在 1998 年 W3C 第一次在瀏覽器({{glossary("browser")}})推薦了 MathML 表示數學表達式。 MathML還有其他應用程式，它包括了科學内容和聲音合成。 </p> + +<h2 id="了解更多">了解更多 </h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的 {{interwiki("wikipedia", "MathML", "MathML")}}</li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li>{{spec("http://www.w3.org/Math/whatIsMathML.html", "MathML", "REC")}}</li> +</ul> diff --git a/files/zh-tw/glossary/mime_type/index.html b/files/zh-tw/glossary/mime_type/index.html new file mode 100644 index 0000000000..cb2af73d63 --- /dev/null +++ b/files/zh-tw/glossary/mime_type/index.html @@ -0,0 +1,32 @@ +--- +title: MIME type +slug: Glossary/MIME_type +tags: + - MIME Types + - 内容類型 + - 媒體類型 + - 術語表 +translation_of: Glossary/MIME_type +--- +<p><strong>MIME 類型 </strong>(現在被更準確的稱作「媒體類型」（media type），但有時也被稱作「内容類型」（content type）) 是一種隨附文件發送的標識字符串。它主要用於標示文件類型、描述內容的類型：例如說，一個聲音文件就可能標為<code>audio/ogg</code>、或者圖像檔案就可能是 <code>image/png</code>。</p> + +<p>它的目的與 Microsoft Windows 的副檔名相似。裡面的名字，是源自最初用於 E-Mail 的 <a href="/zh-TW/docs/Glossary/mime">MIME</a> 標準。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的 {{interwiki("wikipedia", "Internet media type", "Internet media type")}}</li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="http://www.iana.org/assignments/media-types/media-types.xhtml">MIME 類型列表</a></li> + <li><a href="/zh-TW/docs/Properly_Configuring_Server_MIME_Types">正確的伺服器 MIME 類型配置</a></li> + <li><a href="/zh-TW/docs/Web/HTTP/Basics_of_HTTP/MIME_types">MIME 類型</a>在網頁文本中的詳細用法</li> + <li><a href="/zh-TW/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types">Incomplete list of MIME types</a></li> + <li><a href="/zh-TW/docs/Mozilla/How_Mozilla_determines_MIME_Types">Mozilla 如何決定 MIME 類型</a></li> + <li><a href="/zh-TW/docs/Web/API/MediaRecorder/mimeType">MediaRecorder.mimeType</a></li> +</ul> diff --git a/files/zh-tw/glossary/mvc/index.html b/files/zh-tw/glossary/mvc/index.html new file mode 100644 index 0000000000..28dcae8a52 --- /dev/null +++ b/files/zh-tw/glossary/mvc/index.html @@ -0,0 +1,28 @@ +--- +title: MVC +slug: Glossary/MVC +translation_of: Glossary/MVC +--- +<p><strong>模型─視圖─控制器</strong>（Model-View-Controller, MVC）是個軟體設計模式。它強調把軟體的行事邏輯與排版顯示分離（也就是關注點分離，Separation of concerns），如此一來開發者們就可以輕鬆分派工作、以及維護專案。有些設計模式也基於 MVC，像是 MVVM(Model-View-ViewModel)、MTP(Model-View-Presenter)、and MVW(Model-View-Whatever) 等等。</p> + +<p>MVC 在定義方面有爭議，但通常會包含：</p> + +<ol> + <li>模型（Model）：包含資料、或是軟體的行事邏輯。行事邏輯可以有演算法、與資料庫的溝通等。</li> + <li>視圖（View）：包含軟體的排版與顯示。</li> + <li>控制器（Controller）：包含軟體的行事邏輯、或是連接模型與視圖。</li> +</ol> + +<h2 id="深入理解">深入理解</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>維基百科的 {{interwiki("wikipedia", "MVC")}}</li> +</ul> + +<h3 id="學習_MVC">學習 MVC</h3> + +<ul> + <li>MDN 的 <a href="/zh-TW/Apps/Fundamentals/Modern_web_app_architecture/MVC_architecture">MVC 架構</a></li> +</ul> diff --git a/files/zh-tw/glossary/node.js/index.html b/files/zh-tw/glossary/node.js/index.html new file mode 100644 index 0000000000..0d9524750f --- /dev/null +++ b/files/zh-tw/glossary/node.js/index.html @@ -0,0 +1,22 @@ +--- +title: Node.js +slug: Glossary/Node.js +translation_of: Glossary/Node.js +--- +<p>Node.js 為 {{Glossary("JavaScript")}} 跨平台執行環境，可讓開發者建立伺服器端 JavaScript 網路程式。</p> + +<h2 id="了解詳情">了解詳情</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>維基百科的 {{Interwiki("wikipedia", "Node.js")}}</li> + <li><a href="https://nodejs.org/">Node.js 官網</a></li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="https://nodejs.org/api/">API 參考文件</a></li> + <li><a href="https://nodejs.org/documentation/tutorials/">教程</a></li> +</ul> diff --git a/files/zh-tw/glossary/null/index.html b/files/zh-tw/glossary/null/index.html new file mode 100644 index 0000000000..721877299c --- /dev/null +++ b/files/zh-tw/glossary/null/index.html @@ -0,0 +1,26 @@ +--- +title: 'Null' +slug: Glossary/Null +tags: + - 'Null' + - 術語表 +translation_of: Glossary/Null +--- +<p>在計算機科學裏，一個 <strong><code>null</code></strong> 值代表了一個參考，通常是指一個不存在的或無效的物件({{glossary("object")}})或地址。在語言實現中空值引用的含義各不相同。</p> + +<p>在 {{Glossary("JavaScript")}} 中， null 是一種原始值({{Glossary("Primitive", "primitive values")}})。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "Null pointer")}}</li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="/en-US/docs/Web/JavaScript/Data_structures">JavaScript 的數據類型和結構</a></li> + <li>JavaScript 全域物件: {{jsxref("null")}}</li> +</ul> diff --git a/files/zh-tw/glossary/number/index.html b/files/zh-tw/glossary/number/index.html new file mode 100644 index 0000000000..39c76cb579 --- /dev/null +++ b/files/zh-tw/glossary/number/index.html @@ -0,0 +1,27 @@ +--- +title: Number +slug: Glossary/Number +tags: + - JavaScript + - Number + - 術語表 +translation_of: Glossary/Number +--- +<p>在 {{Glossary("JavaScript")}}, <strong>Number</strong> 是<a class="external external-icon" href="http://en.wikipedia.org/wiki/Double_precision_floating-point_format">雙精度64位浮點格式(IEEE 754)</a>中的數字數據類型。在其他編程語言中可以存在不同的數字類型，如：整型(Integers)、浮點型(Floats)、雙精度型(Doubles)、 或 大數型(Bignums).</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li> + <p><span>維基百科上的 {{Interwiki("wikipedia", "Data type#Numeric_types", "數字類型")}} </span></p> + </li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li>JavaScript 數據結構: <a href="/en-US/docs/Web/JavaScript/Data_structures#Number_type">Number</a></li> + <li>JavaScript 全域物件 {{jsxref("Number")}}</li> +</ul> diff --git a/files/zh-tw/glossary/object/index.html b/files/zh-tw/glossary/object/index.html new file mode 100644 index 0000000000..b6e4fdc39d --- /dev/null +++ b/files/zh-tw/glossary/object/index.html @@ -0,0 +1,18 @@ +--- +title: 物件 +slug: Glossary/Object +tags: + - Glossary +translation_of: Glossary/Object +--- +<p><a href="/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Object">物件</a>（Object）是一個包含資料與處理資料指令的資料結構。物件有時是指真實世界的東西，像是賽車遊戲的車子 <code>car</code> 或地圖 <code>map</code> 物件。{{glossary("JavaScript")}}、Java、C++、Python、Ruby 都是 {{glossary("OOP","物件導向程式設計")}} 的語言例子。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>維基百科上的{{Interwiki("wikipedia", "物件導向程式設計")}}</li> + <li><a href="/zh-TW/docs/Web/JavaScript/Reference">JavaScript參考文件</a>裡的{{jsxref("Object")}}</li> + <li><a href="https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Data_structures#Objects">Object data structures in JavaScript</a></li> +</ul> diff --git a/files/zh-tw/glossary/oop/index.html b/files/zh-tw/glossary/oop/index.html new file mode 100644 index 0000000000..d2fc69a0c0 --- /dev/null +++ b/files/zh-tw/glossary/oop/index.html @@ -0,0 +1,15 @@ +--- +title: 物件導向程式設計 +slug: Glossary/OOP +translation_of: Glossary/OOP +--- +<p><strong>物件導向程式設計</strong>（Object-Oriented Programming、OOP）是一種程式設計方法。其將資料封裝（encapsulate）於物件（<strong>{{glossary("object","objects")}}</strong>）中，我們需透過物件間接操作這些被封裝的內部資料，而非直接操作資料本身。</p> + +<p>{{glossary("JavaScript")}}為重度物件導向語言，其遵循 <strong>prototype-based model</strong>（<a href="https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Guide/Details_of_the_Object_Model#Class-based_vs._prototype-based_languages">與 class-based 相對</a>）</p> + +<h2 id="相關文章">相關文章</h2> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "物件導向程式設計")}}</li> + <li><a href="https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript">Introduction to object-oriented JavaScript</a></li> +</ul> diff --git a/files/zh-tw/glossary/opera_browser/index.html b/files/zh-tw/glossary/opera_browser/index.html new file mode 100644 index 0000000000..37bbc8e9eb --- /dev/null +++ b/files/zh-tw/glossary/opera_browser/index.html @@ -0,0 +1,21 @@ +--- +title: Opera 瀏覽器 +slug: Glossary/Opera_Browser +tags: + - Browser + - Glossary + - Navigation + - Opera + - Opera Browser +translation_of: Glossary/Opera_Browser +--- +<p id="Summary"><strong>Opera</strong> 是最常使用的 {{glossary("browser")}} 第五名，1996 年正式推出，一開始僅能在 Windows 使用。Opera 自 2013 年起使用 {{glossary("Blink")}} 排版引擎，在那之前使用的是 {{glossary("Presto")}}。Opera 也有提供行動與平板電腦版本。</p> + +<h2 id="了解更多"><strong>了解更多</strong></h2> + +<h3 id="一般知識">一般知識</h3> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "Opera Browser")}} 條目</li> + <li><a href="http://www.opera.com/">Opera </a>瀏覽器官方網站</li> +</ul> diff --git a/files/zh-tw/glossary/parameter/index.html b/files/zh-tw/glossary/parameter/index.html new file mode 100644 index 0000000000..0cd6c5abfd --- /dev/null +++ b/files/zh-tw/glossary/parameter/index.html @@ -0,0 +1,38 @@ +--- +title: 參數 +slug: Glossary/Parameter +translation_of: Glossary/Parameter +--- +<p>參數 (parameter) 是個會傳進函式 ({{Glossary("function")}}) 的已命名變量，用來把引數 (({{Glossary("argument","arguments")}})) 導入到函式中。</p> + +<p>要特別注意參數和引數的差異：</p> + +<ul> + <li>函式參數的名稱會在函式的定義區裡面條列出來。</li> + <li>裡面的引數都是實值，會導入函式中。</li> + <li>參數一開始的值就跟有提供的引數值一模一樣。</li> +</ul> + +<p> 一般而言，參數的形式有兩種表示方式：</p> + +<dl> + <dt>輸入用的參數</dt> + <dd>像這樣藉由值呼叫的形式最常見。此外，還可以根據不同的程式語言，讓輸入用參數的使用模式多樣，例如：用值呼叫 (call-by-value)、用位置呼叫 (call-by-address) 和完成函式程序後把它的值設定成回傳值 (也就是 call-by-reference)。</dd> + <dt>輸出和回傳 (return) 用的函數</dt> + <dd>在函式的程序完成之後，會負責回傳多重的量值。不過，這方式可能會讓程式開發者誤解它的意思，所以不建議使用。</dd> +</dl> + +<h2 id="想了解更多嗎？">想了解更多嗎？</h2> + +<h3 id="一般常識篇">一般常識篇</h3> + +<ul> + <li><a class="external external-icon" href="http://en.wikipedia.org/wiki/Parameter_%28computer_programming%29#Parameters_and_arguments">Difference between <em>parameter</em> and <em>argument</em></a> on Wikipedia</li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/function">Function declaration</a></li> + <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/function">Function expression</a></li> +</ul> diff --git a/files/zh-tw/glossary/php/index.html b/files/zh-tw/glossary/php/index.html new file mode 100644 index 0000000000..1b27ff0c82 --- /dev/null +++ b/files/zh-tw/glossary/php/index.html @@ -0,0 +1,55 @@ +--- +title: PHP +slug: Glossary/PHP +translation_of: Glossary/PHP +--- +<p>PHP（PHP: Hypertext Preprocessor 的遞歸縮寫，意為「PHP：超文字預處理器」）是一個開源的伺服器端腳本語言，可用於建制網頁應用和動態網站。</p> + +<h2 id="範例">範例</h2> + +<h3 id="基本語法">基本語法</h3> + +<pre class="brush: php"> // PHP 程式開始 +<?php + // PHP 程式在此執行 + ?> +// PHP 程式結束</pre> + +<h3 id="在螢幕上印東西">在螢幕上印東西</h3> + +<pre class="brush: php"><?php + echo "Hello World!"; +?></pre> + +<h3 id="PHP_變數">PHP 變數</h3> + +<pre class="brush: php"><?php + // 變數 + $nome='Danilo'; + $sobrenome='Santos'; + $pais='Brasil'; + $email='danilocarsan@gmailcom'; + + // 印出變數 + echo $nome; + echo $sobrenome; + echo $pais; + echo $email; +?></pre> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li><a href="http://php.net/">PHP - 官方網站</a></li> + <li>維基百科的 {{Interwiki("wikipedia", "PHP")}}</li> + <li>維基教科書的 <a href="https://zh.wikibooks.org/wiki/PHP">PHP</a></li> + <li><a href="https://twpug.net/">臺灣 php 聯盟</a></li> + <li><a href="/zh-TW/docs/Glossary">MDN Web Docs 用詞</a> + <ol> + <li>{{Glossary("Java")}}</li> + <li>{{Glossary("JavaScript")}}</li> + <li>{{Glossary("Python")}}</li> + <li>{{Glossary("Ruby")}}</li> + </ol> + </li> +</ol> +</section> diff --git a/files/zh-tw/glossary/png/index.html b/files/zh-tw/glossary/png/index.html new file mode 100644 index 0000000000..d5950fffcd --- /dev/null +++ b/files/zh-tw/glossary/png/index.html @@ -0,0 +1,17 @@ +--- +title: PNG +slug: Glossary/PNG +tags: + - PNG + - 術語表 +translation_of: Glossary/PNG +--- +<p><strong>PNG </strong>(<em>便攜式網路圖形</em>) 是一種支持無損數據壓縮的圖片文件格式。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的 <a href="https://en.wikipedia.org/wiki/Portable_Network_Graphics">PNG</a></li> +</ul> diff --git a/files/zh-tw/glossary/pop/index.html b/files/zh-tw/glossary/pop/index.html new file mode 100644 index 0000000000..3cb09f9be1 --- /dev/null +++ b/files/zh-tw/glossary/pop/index.html @@ -0,0 +1,22 @@ +--- +title: POP3 +slug: Glossary/POP +tags: + - POP3 + - 基礎 + - 術語表 +translation_of: Glossary/POP +--- +<p><strong>POP3 </strong>(郵局協定)是一種常見協定({{glossary("protocol")}}) 用於從伺服器接收郵件通過 {{glossary("TCP")}} 鏈接.不同於{{Glossary("IMAP4")}}, 由於POP3 結構更爲複雜，更難以實施，POP3 不支持多資料夾。</p> + +<p>客戶端通常會從伺服器取回所有的訊息然後刪除伺服器上的訊息，但是 POP3 允許伺服器保留副本。目前幾乎所有的郵件伺服器和客戶端都支持 POP3.</p> + +<h2 id="了解更多"><strong>了解</strong>更多</h2> + +<ul> + <li><a href="http://www.faqs.org/rfcs/rfc1939.html">RFC 1939</a> (POP3 的規範)</li> + <li><a href="http://www.faqs.org/rfcs/rfc2449.html">RFC 2449</a> (POP3 的規範擴展機制)</li> + <li><a href="http://www.faqs.org/rfcs/rfc1734.html">RFC 1734</a> (POP3 的規範認證機制)</li> + <li>{{Glossary("IMAP4")}}</li> + <li>維基百科上的{{Interwiki("wikipedia", "Post Office Protocol", "POP")}}</li> +</ul> diff --git a/files/zh-tw/glossary/port/index.html b/files/zh-tw/glossary/port/index.html new file mode 100644 index 0000000000..17359cc5bb --- /dev/null +++ b/files/zh-tw/glossary/port/index.html @@ -0,0 +1,23 @@ +--- +title: 通訊埠 +slug: Glossary/Port +tags: + - Glossary + - Intro + - Security + - computer network + - 'l10n:priority' + - port +translation_of: Glossary/Port +--- +<p>對使用 {{Glossary("IP address")}} 連線到網路的電腦來說，<strong>通訊埠</strong>是傳輸時的端點。我們可用不同的數字（通訊埠號）來分辨不同的通訊埠，而小於 1024 號的每個埠通常都有自己預設使用的 {{Glossary("protocol")}}。</p> + +<p>舉例來說，{{Glossary("HTTP")}} 通訊協定的預設埠號是 80，而 HTTPS 通訊協定預設的埠號是 443，這麼 {{Glossary("HTTP")}} 伺服器預設就會在這些通訊埠上等待請求。網際網路上的每個通訊協定都會有自己的預設通訊埠: {{Glossary("SMTP")}} (25)、{{Glossary("POP3")}} (110)、{{Glossary("IMAP")}} (143)、{{Glossary("IRC")}} (194) 等等。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="一般知識">一般知識</h3> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "Port (computer networking)" , "Port")}} 條目</li> +</ul> diff --git a/files/zh-tw/glossary/presto/index.html b/files/zh-tw/glossary/presto/index.html new file mode 100644 index 0000000000..d9b68c2b21 --- /dev/null +++ b/files/zh-tw/glossary/presto/index.html @@ -0,0 +1,18 @@ +--- +title: Presto +slug: Glossary/Presto +tags: + - Glossary + - Infrastructure + - Opera + - Presto + - 'l10n:priority' +translation_of: Glossary/Presto +--- +<p>Presto 是 {{Glossary("Opera browser")}} 原本使用的專屬排版引擎， Opera 瀏覽器 15 版起改用以 Chromium 為基礎的 {{Glossary('Blink')}} 排版引擎。</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li>維基百科上的 <a href="http://en.wikipedia.org/wiki/Presto_%28layout_engine%29">Presto layout engine</a> 條目</li> +</ul> diff --git a/files/zh-tw/glossary/progressive_enhancement/index.html b/files/zh-tw/glossary/progressive_enhancement/index.html new file mode 100644 index 0000000000..95f72a2d1d --- /dev/null +++ b/files/zh-tw/glossary/progressive_enhancement/index.html @@ -0,0 +1,14 @@ +--- +title: 漸進增強 +slug: Glossary/Progressive_Enhancement +translation_of: Glossary/Progressive_Enhancement +--- +<p><strong>漸進增強（Progressive enhancement）</strong>是強調要在受限情境下提供初等體驗、對所有人提供必要的內容與功能、以及需要時再加上其他可選功能的設計哲學。它更接近於強調無障礙、以及許多腳本技術的網站設計策劃。這個技術很有用，因為它讓網路開發者，在專注開發最強大的網站同時，和某些未知的用戶代理，在訪問網站時發生的問題間達到權衡。</p> + +<h2 id="了解詳情">了解詳情</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>維基百科的 {{Interwiki("wikipedia", "漸進增強")}}</li> +</ul> diff --git a/files/zh-tw/glossary/property/index.html b/files/zh-tw/glossary/property/index.html new file mode 100644 index 0000000000..50ccfe72ce --- /dev/null +++ b/files/zh-tw/glossary/property/index.html @@ -0,0 +1,13 @@ +--- +title: 屬性 +slug: Glossary/property +tags: + - Disambiguation + - Glossary + - NeedsTranslation + - TopicStub +translation_of: Glossary/property +--- +<p>根據所屬情境的不同，「屬性(<strong>Property</strong>)」可代表不同的意思。可能是：</p> + +<p>{{GlossaryDisambiguation}}</p> diff --git a/files/zh-tw/glossary/property/javascript/index.html b/files/zh-tw/glossary/property/javascript/index.html new file mode 100644 index 0000000000..8bd94bccf9 --- /dev/null +++ b/files/zh-tw/glossary/property/javascript/index.html @@ -0,0 +1,22 @@ +--- +title: Property (JavaScript) +slug: Glossary/property/JavaScript +translation_of: Glossary/property/JavaScript +--- +<p><strong>property</strong>（屬性）是典型的物件特徵，經常與資料結構聯結。屬性分為兩種類型：</p> + +<ul> + <li><em>實體屬性（Instance properties）</em>：保存的資料只於特定的物件實體中。</li> + <li><em>靜態屬性（Static Properties）</em>：保存的資料為所有該型別物件所共有。</li> +</ul> + +<p>屬性擁有一個名字（為{{glossary("string", "字串")}}）以及值（可以是{{glossary("primitive", "基本資料型別")}}、{{glossary("method", "方法")}}或是{{glossary("object reference", "物件參考")}}）。請注意，當我們說「一個屬性保存著物件」，其實是指「一個屬性保存著物件的<em>參考（reference）</em>」。這其中的差別在於，當你改變屬性中的值的時候，所指向的物件實體之值也會改變。</p> + +<h2 id="了解詳情">了解詳情</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>維基百科的 {{InterWiki('wikipedia','Property (programming)')}}</li> + <li><a href="https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript">JavaScript 物件導向介紹</a></li> +</ul> diff --git a/files/zh-tw/glossary/protocol/index.html b/files/zh-tw/glossary/protocol/index.html new file mode 100644 index 0000000000..e4487bc543 --- /dev/null +++ b/files/zh-tw/glossary/protocol/index.html @@ -0,0 +1,21 @@ +--- +title: 通訊協定 +slug: Glossary/Protocol +tags: + - Glossary + - Infrastructure + - Protocols +translation_of: Glossary/Protocol +--- +<p id="Summary"><strong>通訊協定</strong>是一套定義在電腦內部或兩台電腦間，如何交換資料的系統化規則。不同的裝置若需進行溝通，就需要先確認好要交換的資料格式與交換方法，而這些定義好的格式與方法就是通訊協定。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="一般知識">一般知識</h3> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "Communications protocol")}} 條目</li> + <li><a href="http://www.rfc-editor.org/search/standards.php">RFC 官方網路通訊協定標準</a></li> +</ul> + +<p> </p> diff --git a/files/zh-tw/glossary/prototype/index.html b/files/zh-tw/glossary/prototype/index.html new file mode 100644 index 0000000000..94f5b421b8 --- /dev/null +++ b/files/zh-tw/glossary/prototype/index.html @@ -0,0 +1,16 @@ +--- +title: 原型 +slug: Glossary/Prototype +translation_of: Glossary/Prototype +--- +<p>原型（prototype）是在開發早期表現應用程式外觀或行為的模型。</p> + +<p>請詳見<a href="/zh-TW/docs/Web/JavaScript/Inheritance_and_the_prototype_chain">繼承與原型鍊</a>（Inheritance and the prototype chain）。</p> + +<h2 id="深入理解">深入理解</h2> + +<h3 id="一般知識">一般知識</h3> + +<ul> + <li>維基百科的{{Interwiki("wikipedia", "軟體原型")}}</li> +</ul> diff --git a/files/zh-tw/glossary/pseudo-element/index.html b/files/zh-tw/glossary/pseudo-element/index.html new file mode 100644 index 0000000000..5272add4b8 --- /dev/null +++ b/files/zh-tw/glossary/pseudo-element/index.html @@ -0,0 +1,16 @@ +--- +title: 偽元素 +slug: Glossary/Pseudo-element +translation_of: Glossary/Pseudo-element +--- +<p>CSS中的偽元素選擇器可被應用在當HTML內沒有特定元素可以選擇，且文件內容需套用格式的時候。舉例來說，與其將每個段落的第一個字變成獨立元素，你也可選擇利用 <code>p</code>{{ Cssxref("::first-letter") }}的寫法選擇各段首字。</p> + +<p> </p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="/en-US/docs/Web/CSS/Pseudo-elements">Pseudo-elements</a></li> +</ul> diff --git a/files/zh-tw/glossary/python/index.html b/files/zh-tw/glossary/python/index.html new file mode 100644 index 0000000000..61d6a4b107 --- /dev/null +++ b/files/zh-tw/glossary/python/index.html @@ -0,0 +1,33 @@ +--- +title: Python +slug: Glossary/Python +translation_of: Glossary/Python +--- +<p><strong>Python</strong>是高階通用（general-purpose）程式語言。他使用了多型編程範式（multi-paradigm approach），這意味著他支援了程序化、物件導向、還有一些函式語言程式設計結構體（functional programming constructs）。</p> + +<p>它是由吉多·范羅蘇姆（Guido van Rossum）作為 1985 到 1990 之間盛行的 ABC 語言繼承者形象而誕生的。目前各大領域都有使用 Python：例如 Web 開發、桌面程式、資料科學、DevOps、自動化或生產力用途等。</p> + +<p>Python 是在 OSI 認可的開源許可證規範下開發的，使其能自由使用與分發，即使是商用亦然。目前 Python 許可證是由 <a href="https://www.python.org/psf">Python Software Foundation</a> 管理的。</p> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li>進一步理解 + <ol> + <li>維基百科的 {{interwiki('wikipedia','Python')}}</li> + <li><a href="https://docs.python.org/3/tutorial/index.html">Python 官方教學文件</a></li> + <li><a href="http://www.tutorialspoint.com/python/index.htm">Tutorialspoint Python 教學</a></li> + <li><a href="https://www.alphacodingskills.com/python/python-tutorial.php">AlphaCodingSkills Python 教學</a></li> + <li>MDN 的 <a href="/zh-TW/docs/Learn/Server-side/Django"> Django 網站框架 (Python) </a></li> + </ol> + </li> + <li><a href="/zh-TW/docs/Glossary">MDN 術語表</a> + <ol> + <li>{{Glossary("Java")}}</li> + <li>{{Glossary("JavaScript")}}</li> + <li>{{Glossary("PHP")}}</li> + <li>{{Glossary("Python")}}</li> + <li>{{Glossary("Ruby")}}</li> + </ol> + </li> +</ol> +</section> diff --git a/files/zh-tw/glossary/recursion/index.html b/files/zh-tw/glossary/recursion/index.html new file mode 100644 index 0000000000..9712988a69 --- /dev/null +++ b/files/zh-tw/glossary/recursion/index.html @@ -0,0 +1,15 @@ +--- +title: 遞迴 +slug: Glossary/Recursion +translation_of: Glossary/Recursion +--- +<p>函式呼叫函式自己的行為，稱為遞迴、或是遞歸。它主要用於解決含有子問題的問題。遞迴函式會收到兩個輸入：結束遞迴的基本情況（base case）或是延續遞迴的遞迴情況（recursive case）。</p> + +<h2 id="深入了解">深入了解</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>維基百科的{{Interwiki("wikipedia", "遞迴")}}</li> + <li><a href="https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Guide/Functions#Recursion">關於 JavaScript 遞迴的詳情</a></li> +</ul> diff --git a/files/zh-tw/glossary/reflow/index.html b/files/zh-tw/glossary/reflow/index.html new file mode 100644 index 0000000000..1643bb0635 --- /dev/null +++ b/files/zh-tw/glossary/reflow/index.html @@ -0,0 +1,12 @@ +--- +title: Reflow +slug: Glossary/Reflow +translation_of: Glossary/Reflow +--- +<p><strong>Reflow（回流）</strong>會發生於瀏覽器（{{glossary("browser")}}）必須再次處理和繪製部分或整個網頁時，如在互動式網站更新後。</p> + +<h2 id="深入了解">深入了解</h2> + +<ul> + <li><a href="https://developers.google.com/speed/articles/reflow">Google article "Minimizing browser reflow"</a></li> +</ul> diff --git a/files/zh-tw/glossary/regular_expression/index.html b/files/zh-tw/glossary/regular_expression/index.html new file mode 100644 index 0000000000..13bd28ef71 --- /dev/null +++ b/files/zh-tw/glossary/regular_expression/index.html @@ -0,0 +1,29 @@ +--- +title: 正規表示式 +slug: Glossary/Regular_expression +tags: + - CodingScripting + - Glossary + - Regular Expression + - 'l10n:priority' +translation_of: Glossary/Regular_expression +--- +<p><strong>正規表示式</strong>（<em>Regular expressions</em>，或是<em>regex</em>）是主宰著字符序列搜索的規則。</p> + +<p>許多語言都實作了正規表示式，但最出名的實作，是引出一連串不同實作方式的 Perl 版本實作，稱為 PCRE (<em>Perl Compatible Regular Expression</em>)。在 Web 平台，{{glossary("JavaScript")}} 透過 {{jsxref("RegExp")}} 物件，提供另一種正規表示式的實作。</p> + +<h2 id="了解詳情">了解詳情</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "Regular expressions")}}</li> + <li><a href="http://regexone.com/">互動教學</a></li> + <li><a href="http://regexper.com/">正規表示式視覺化</a></li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Guide/Regular_Expressions">在 JavaScript 編寫正規表示式</a></li> +</ul> diff --git a/files/zh-tw/glossary/responsive_web_design/index.html b/files/zh-tw/glossary/responsive_web_design/index.html new file mode 100644 index 0000000000..130bca44fc --- /dev/null +++ b/files/zh-tw/glossary/responsive_web_design/index.html @@ -0,0 +1,16 @@ +--- +title: 響應式網頁設計 +slug: Glossary/Responsive_web_design +translation_of: Glossary/Responsive_web_design +--- +<p><em>響應式網頁設計</em>（<strong>RWD</strong>）是一種強調製作能在所有上網設備上，提供最佳外觀和體驗的 Web 開發觀念。</p> + +<h2 id="深入理解">深入理解</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li><a href="/zh-TW/docs/Web_Development/Responsive_Web_design">Summary and resources</a></li> + <li><a href="/zh-TW/docs/Web_Development/Mobile/Responsive_design">Pros and cons of going responsive</a></li> + <li><a href="http://msdn.microsoft.com/zh-tw/magazine/hh653584.aspx">Responsive Web Design</a></li> +</ul> diff --git a/files/zh-tw/glossary/rest/index.html b/files/zh-tw/glossary/rest/index.html new file mode 100644 index 0000000000..f07cdfcf6d --- /dev/null +++ b/files/zh-tw/glossary/rest/index.html @@ -0,0 +1,26 @@ +--- +title: REST +slug: Glossary/REST +translation_of: Glossary/REST +--- +<p>具象狀態傳輸（<strong>REST</strong>，Representational State Transfer）是一組實現效率、可讀性、還有可擴展分散式系統（scalable distributed system）的軟體架構設計規範。如果一個系統能維持某些規範，他就是 RESTful。</p> + +<p>REST 的基本概念是資源（resource）：例如說，文件能透過明確且標準的操作與格式，轉換其狀態與超文本的關聯。通常在 {{Glossary("API")}} 或服務能直接更改文件類型，而非觸發其他行為時，就會稱做 RESTful。</p> + +<p>由於網際網路（{{glossary("World Wide Web")}}）背後的 {{Glossary("HTTP")}} 協議也能傳送文件及超文本連結、又同時充當了標準，簡易的 HTTP API 雖然有時不一定遵守所有 REST 規範，他們還是會俗稱為 RESTful API、RESTful 服務、或直接叫 REST 服務。初學者可以先假設 REST API 是指能透過 web 相關的函式庫和工具來呼叫的 HTTP 服務。</p> + +<h2 id="深入理解">深入理解</h2> + +<h3 id="搞懂它">搞懂它</h3> + +<ul> + <li><a href="http://www.restapitutorial.com/">restapitutorial.com</a></li> + <li><a href="http://restcookbook.com/">restcookbook.com</a></li> +</ul> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科的{{Interwiki("wikipedia", "具象狀態傳輸")}}</li> + <li><a href="https://www.service-architecture.com/articles/web-services/representational_state_transfer_rest.html">REST Architecture</a></li> +</ul> diff --git a/files/zh-tw/glossary/routers/index.html b/files/zh-tw/glossary/routers/index.html new file mode 100644 index 0000000000..016a3c1c32 --- /dev/null +++ b/files/zh-tw/glossary/routers/index.html @@ -0,0 +1,29 @@ +--- +title: Routers +slug: Glossary/routers +translation_of: Glossary/routers +--- +<p><strong>routers</strong> 是指路由器。在 Web 有兩種意思：</p> + +<ol> + <li>針對網路層，路由器是一種決定{{Glossary('封包')}}去向的網路設備。路由器是由 retailer 分發，允許用戶與網際網路互動。</li> + <li>針對應用層的 {{Glossary('SPA')}}，路由器是一種透過給定的 {{Glossary('URL')}} 來決定頁面如何呈現的函式庫。這個中間件（middleware）會藉由給定 URL 給檔案生成需要的路徑、以渲染下一頁的所需內容。</li> +</ol> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="一般知識">一般知識</h3> + +<p>針對網路層：</p> + +<ul> + <li>維基百科的{{Interwiki("wikipedia", "路由器")}}</li> +</ul> + +<p>針對應用層，訪間熱門的 SPA 框架都有自己的路由器函式庫：</p> + +<ul> + <li><a href="https://angular.io/guide/router">Angular router</a></li> + <li><a href="https://reacttraining.com/react-router">React router</a></li> + <li><a href="https://router.vuejs.org">Vue router</a></li> +</ul> diff --git a/files/zh-tw/glossary/ruby/index.html b/files/zh-tw/glossary/ruby/index.html new file mode 100644 index 0000000000..1e1832c8a8 --- /dev/null +++ b/files/zh-tw/glossary/ruby/index.html @@ -0,0 +1,31 @@ +--- +title: Ruby +slug: Glossary/Ruby +translation_of: Glossary/Ruby +--- +<p><em>Ruby</em> 是個開源的程式語言。在{{glossary("world wide web","網際網路")}}的脈落下，Ruby 常藉由伺服器端的 <em>Ruby On Rails</em>（ROR）框架構建網站或 app。</p> + +<p>Ruby 也可以指 HTML 文件內，東亞文字的註釋方法。請參考 {{HTMLElement("ruby")}} 元素。</p> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li>深入了解 + <ol> + <li>維基百科的 {{interwiki("wikipedia", "Ruby", "Ruby")}}</li> + <li>維基百科的 {{interwiki("wikipedia", "Ruby On Rails")}}</li> + </ol> + </li> + <li>學習 Ruby + <ol> + <li><a href="http://guides.ruby.tw/">Ruby Taiwan 文件</a></li> + <li><a href="https://ihower.tw/rails/ruby.html">Ruby on Rails 實戰聖經</a></li> + </ol> + </li> + <li>技術參考 + <ol> + <li><a href="https://www.ruby-lang.org/zh_tw/">Ruby 中文官方網頁</a></li> + <li><a href="http://rubyonrails.org/">Ruby On Rails 官方網頁</a></li> + </ol> + </li> +</ol> +</section> diff --git a/files/zh-tw/glossary/seo/index.html b/files/zh-tw/glossary/seo/index.html new file mode 100644 index 0000000000..7d955eb1c2 --- /dev/null +++ b/files/zh-tw/glossary/seo/index.html @@ -0,0 +1,40 @@ +--- +title: SEO +slug: Glossary/SEO +tags: + - 搜尋引擎最佳化 +translation_of: Glossary/SEO +--- +<p><strong>搜尋引擎最佳化</strong>（Search Engine Optimization、SEO）是提高網站於搜尋引擎的能見度之過程，又稱搜索排名改進。</p> + +<p>搜尋引擎會{{Glossary("Crawler", "爬行")}}網路，從某個頁面連結到另一個頁面，並編篡找到的內容。當你搜尋的時候，搜尋引擎就會顯示已編好的內容。爬蟲遵循規則。如果你在給網站 SEO 時遵循這些規則，就能提高網站出現在搜尋結果首位的機會。它能增進流量，並透過電子商務與廣告，增加潛在收入。</p> + +<p>搜尋引擎針對 SEO 給予一些建議，但大型搜尋引擎，把排名結果視為商業機密。SEO 結合了官方搜尋引擎的指引、經驗知識、以及源自論文或專利的理論知識。</p> + +<p>SEO 方法分為三大類：</p> + +<dl> + <dt>技術</dt> + <dd>使用語意化的 {{Glossary("HTML")}} 標示內容。當爬蟲在探索網站時，它只會找要索引的內容。</dd> + <dt>文案</dt> + <dd>使用閱覽者的詞彙來編寫內容。使用文字和圖像，讓爬蟲能夠理解主題。</dd> + <dt>聲望</dt> + <dd>當其他網站連結到你的網站時，你會得到最多流量。</dd> +</dl> + +<h2 id="深入理解">深入理解</h2> + +<h3 id="一般常識">一般常識</h3> + +<ul> + <li>維基百科的 {{Interwiki("wikipedia", "SEO")}}</li> +</ul> + +<h3 id="理解_SEO">理解 SEO</h3> + +<ul> + <li><a href="https://seo.whoops.com.tw/what-is-seo/">什麼是 SEO？由淺入深新手教學</a></li> + <li><a href="https://techmoon.xyz/what-is-seo/">SEO 新手初入門，3 分鐘了解什麼是 SEO 教學</a></li> + <li><a href="https://www.google.com/webmasters/">Google Webmaster Central</a></li> + <li><a href="https://support.google.com/webmasters/answer/35291?hl=zh-Hant">您需要 SEO 嗎？ - Search Console 說明</a></li> +</ul> diff --git a/files/zh-tw/glossary/server/index.html b/files/zh-tw/glossary/server/index.html new file mode 100644 index 0000000000..1d2333a873 --- /dev/null +++ b/files/zh-tw/glossary/server/index.html @@ -0,0 +1,19 @@ +--- +title: 伺服器 +slug: Glossary/Server +translation_of: Glossary/Server +--- +<p>硬體而言的伺服器（server）是個能在網路上，提供用戶端服務的共享性電腦（shared computer）。軟體而言的伺服器程式，則是指能給用戶端提供服務的程式。</p> + +<p>服務（Services）通常會提供於內部網路、或是公開網路。用戶端程式與伺服器端程式通常利用 {{glossary("protocol")}} 來傳送編碼的數據、並依此連接之。</p> + +<p>內部網路最常見的伺服器有檔案、域名、電郵、印表機、還有傳真伺服器。另一個常見的伺服器是連結到網際網路的 Web 伺服器。在資料中心（data center）的微電腦、大型電腦、還有超級電腦... 等，也都是伺服器。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="一般知識">一般知識</h3> + +<ul> + <li><a href="https://developer.mozilla.org/zh-TW/Learn/What_is_a_web_server">伺服器介紹</a></li> + <li>維基百科的{{Interwiki("wikipedia", "伺服器")}}</li> +</ul> diff --git a/files/zh-tw/glossary/sgml/index.html b/files/zh-tw/glossary/sgml/index.html new file mode 100644 index 0000000000..36c3c4f537 --- /dev/null +++ b/files/zh-tw/glossary/sgml/index.html @@ -0,0 +1,21 @@ +--- +title: SGML +slug: Glossary/SGML +tags: + - CodingScripting + - Composing + - Glossary + - SGML + - 'l10n:priority' +translation_of: Glossary/SGML +--- +<p>標準通用標記式語言（Standard Generalized Markup Language 或簡稱 <strong>SGML</strong>）是一套 {{Glossary("ISO")}} 所定義，用來規範宣告式標記語言的標準。</p> + +<p>在 Web 環境當中，{{Glossary("HTML")}} 4、{{Glossary("XHTML")}} 以及 {{Glossary("XML")}} 都是知名的以 SGML 為基礎的語言。然而值得一提的是，HTML 自第五版起擁有了自己的剖析規則，不再是以 SGML 為基礎的語言。</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "SGML")}} 條目</li> + <li><a href="http://www.isgmlug.org/">SGML 簡介</a></li> +</ul> diff --git a/files/zh-tw/glossary/spa/index.html b/files/zh-tw/glossary/spa/index.html new file mode 100644 index 0000000000..7bf0e740dc --- /dev/null +++ b/files/zh-tw/glossary/spa/index.html @@ -0,0 +1,38 @@ +--- +title: SPA +slug: Glossary/SPA +translation_of: Glossary/SPA +--- +<p><span class="seoSummary">單頁應用（SPA，Single-page application）是一種 Web app 開發實作。它能在使用網站時，只載入一個頁面；並在網頁更新時，透過 JavaScript API 如 {{domxref("XMLHttpRequest")}} 與 <a href="/zh-TW/docs/Web/API/Fetch_API">Fetch</a> 同步更新部份網頁。</span></p> + +<p>SPA 能讓用戶在使用網站時，不用從伺服器載入整個頁面，所以會提升性能與動態體驗。相對地，在 {{Glossary("SEO")}}、狀態與路由管理、還有性能監控方面，都會是需要考慮的劣勢。</p> + +<h2 id="參見">參見</h2> + +<h3 id="一般知識">一般知識</h3> + +<p>以下為訪間最熱門的 SPA：</p> + +<ul> + <li><a href="http://angular.io/">Angular</a></li> + <li><a href="https://reactjs.org/">React</a></li> + <li><a href="https://vuejs.org/">Vue.JS</a></li> +</ul> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li>維基百科 + <ol> + <li>{{Interwiki("wikipedia", "單頁應用程式")}}</li> + </ol> + </li> + <li><a href="/zh-TW/docs/Glossary">術語表</a> + <ol> + <li>{{Glossary("API")}}</li> + <li>{{Glossary("AJAX")}}</li> + <li>{{Glossary("JavaScript")}}</li> + </ol> + </li> + <li><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks">理解 JavaScript 前端框架</a></li> +</ol> +</section> diff --git a/files/zh-tw/glossary/sql/index.html b/files/zh-tw/glossary/sql/index.html new file mode 100644 index 0000000000..2c620ac65c --- /dev/null +++ b/files/zh-tw/glossary/sql/index.html @@ -0,0 +1,21 @@ +--- +title: SQL +slug: Glossary/SQL +translation_of: Glossary/SQL +--- +<p><strong>SQL</strong>（Structured Query Language，結構化查詢語言）是專為表格形式資料庫的更新、檢索、計算，所設計的描述性電腦語言。</p> + +<h2 id="深入了解">深入了解</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>維基百科的 {{Interwiki("wikipedia", "SQL")}}</li> +</ul> + +<h3 id="了解_SQL">了解 SQL</h3> + +<ul> + <li><a href="http://sqlzoo.net/wiki/SQL_Tutorial">Learn SQL on sqlzoo.net</a></li> + <li><a href="http://www.tutorialspoint.com/sql/">Tutorial Point</a></li> +</ul> diff --git a/files/zh-tw/glossary/sql_injection/index.html b/files/zh-tw/glossary/sql_injection/index.html new file mode 100644 index 0000000000..2e44516cc2 --- /dev/null +++ b/files/zh-tw/glossary/sql_injection/index.html @@ -0,0 +1,63 @@ +--- +title: SQL 注入 +slug: Glossary/SQL_Injection +translation_of: Glossary/SQL_Injection +--- +<p><strong>SQL 注入（SQL injection）</strong>利用了網路程式（Web apps）的錯誤輸入。駭客可以透過執行後端資料庫的網路程式，惡意繞過 SQL 指令。</p> + +<p>SQL 注入能在未授權的情況下，直接從資料庫訪問資料庫與檢索信息。許多數據洩露肇因於 SQL 注入。</p> + +<p><a href="http://www.acunetix.com/wp-content/uploads/2010/09/sql_inj_xss.gif"><img alt="" src="http://www.acunetix.com/wp-content/uploads/2010/09/sql_inj_xss.gif"></a></p> + +<h2 id="如何做動">如何做動</h2> + +<p><img alt="" src="http://www.infosemantics.com.au/sites/default/files/image/widget_tutorials/Updates_LoginScreen.png" style="height: 309px; width: 293px;"></p> + +<p>在輸入 username （用戶名）與 password （密碼）後，GUI 背後的 SQL 查詢會這樣工作：</p> + +<pre style="margin-left: 0px;"><strong><span style="color: #0000cd;">"SELECT Count(*) FROM Users WHERE Username=' " + txt.User.Text+" ' AND Password=' "+ txt.Password.Text+" ' ";</span></strong></pre> + +<p>假設用戶在 username 欄位輸入了 admin 還在 password 欄位輸入了 passwd123，接著按了下面的 Log in（登入）， SQL 查詢會這樣運作：</p> + +<pre><strong><span style="color: #0000cd;">"SELECT Count(*) FROM Users WHERE Username=' admin ' AND Password=' passwd123 ' ";</span> +</strong></pre> + +<p>如果驗證正確，用戶就可以登入，是個很簡單（所以很不安全）的機制。駭客利用者這種不安全，獲取未經授權的訪問。</p> + +<p>駭客使用一種稱為 Magical String 的簡單字串，例如：</p> + +<p><strong>Username: <em>admin</em></strong></p> + +<p><strong>Password: <em>anything 'or'1'='1</em></strong></p> + +<p>在按下 login 按鈕以後，SQL 查詢會這樣運作：</p> + +<pre><strong><span style="color: #0000cd;">"SELECT Count(*) FROM Users WHERE Username=' admin ' AND Password=' anything 'or'1'='1 ' ";</span> +</strong></pre> + +<p>仔細檢查一下查詢密碼的部分。</p> + +<pre><strong>Password=' anything 'or'1'='1 '</strong></pre> + +<p>密碼不是 anything，因此 password=anything 會回傳 FALSE（錯誤）。但 '1'='1' 是正確的宣告，所以會回傳 TRUE（正確）。最後，透過 OR （或）運算符，FALSE OR TRUE 的比較結果是 TRUE，認證因而成功通過。只要一點簡單的字串（Magical String）整個資料庫就會被洩漏。</p> + +<h2 id="如何避免">如何避免</h2> + +<p style="margin-left: 40px;">在執行用戶的憑證查詢前，先做如下的改變：</p> + +<pre><span style="color: #0000ff;">$id = $_GET['id'] </span> + +<span style="color: #0000ff;">(1) $id = Stripslashes($id)</span> + +<span style="color: #0000ff;">(2) $id = mysql_real_escape_String($id)</span></pre> + +<p>藉由 (1) 所有輸入字串的單引號 ' 取代成雙引號 "，還有 (2) 在每個 ' 之前加上 /。 修正後的 Magical String 不能繞過驗證，並使你的資料庫保持安全。</p> + +<h2 id="了解詳情">了解詳情</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>維基百科的 {{Interwiki("wikipedia", "SQL資料隱碼攻擊")}}</li> + <li>OWASP (Open Web Application Security Project) <a href="https://www.owasp.org/index.php/SQL_Injection">解釋 SQL 注入</a></li> +</ul> diff --git a/files/zh-tw/glossary/svg/index.html b/files/zh-tw/glossary/svg/index.html new file mode 100644 index 0000000000..717b0b0337 --- /dev/null +++ b/files/zh-tw/glossary/svg/index.html @@ -0,0 +1,33 @@ +--- +title: SVG +slug: Glossary/SVG +translation_of: Glossary/SVG +--- +<p><strong>可縮放向量圖形</strong>（<em>Scalable Vector Graphics, SVG</em>）是基於 {{Glossary("XML")}} 語法的 2D 向量圖片格式。</p> + +<p>{{Glossary("W3C")}} 在 1990 晚期啟動 SVG 開發，但它要在 {{Glossary("Microsoft Internet Explorer", "IE")}} 9 開始支援 SVG 後才開始發跡。目前所有主流{{Glossary("browser","瀏覽器")}}都支援 SVG。</p> + +<p>由於 SVG 基於 {{Glossary("XML")}} 語法，所以它可以透過 {{Glossary("CSS")}} 樣式化、並透過 {{Glossary("JavaScript")}} 互動。HTML5 目前能在 {{Glossary("HTML")}} 檔案內直接嵌入 SVG {{Glossary("Tag","標籤")}}。</p> + +<p>由於 SVG 是<a href="https://zh.wikipedia.org/zh-tw/%E7%9F%A2%E9%87%8F%E5%9B%BE%E5%BD%A2" rel="external">向量圖形</a>，它因此可以無限縮放。也由於你可以建立介面元素（interface element）還有在任何螢幕尺寸縮放的圖形，它在{{Glossary("responsive design","響應式設計")}}上也相當重要。SVG 也提供一組有用的工具，例如剪輯、遮罩、濾器、動畫（clipping, masking, filters, animation）。</p> + +<h2 id="深入理解">深入理解</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>維基百科的 {{Interwiki("wikipedia", "SVG")}}</li> +</ul> + +<h3 id="理解_SVG">理解 SVG</h3> + +<ul> + <li><a href="https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html">W3.org 的 SVG Primer</a></li> +</ul> + +<h3 id="技術資訊">技術資訊</h3> + +<ul> + <li><a href="/zh-TW/docs/Web/SVG">MDN 的 SVG 文件</a></li> + <li><a href="http://www.w3.org/TR/SVG/" rel="external">最新的 SVG 規範</a></li> +</ul> diff --git a/files/zh-tw/glossary/svn/index.html b/files/zh-tw/glossary/svn/index.html new file mode 100644 index 0000000000..1de335a064 --- /dev/null +++ b/files/zh-tw/glossary/svn/index.html @@ -0,0 +1,24 @@ +--- +title: SVN +slug: Glossary/SVN +tags: + - SVN + - 術語表 +translation_of: Glossary/SVN +--- +<p>Apache Subversion (<strong>SVN</strong>) 是免費的資源控制管理({{Glossary("SCM")}}) 系統。 它准許開發者保留文本和程式碼修改的歷史記錄。儘管 SVN 可以處理二進制文件，但我們不建議使用。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識">基礎知識</h3> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "Apache Subversion")}}</li> + <li><a href="https://subversion.apache.org/">官方站點</a></li> +</ul> + +<h3 id="學習使用">學習使用</h3> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Localization/SVN_guide_for_localizers">MDN 上的本地化的 SVN 指引 </a></li> +</ul> diff --git a/files/zh-tw/glossary/synchronous/index.html b/files/zh-tw/glossary/synchronous/index.html new file mode 100644 index 0000000000..db33bd48e1 --- /dev/null +++ b/files/zh-tw/glossary/synchronous/index.html @@ -0,0 +1,19 @@ +--- +title: 同步 +slug: Glossary/Synchronous +translation_of: Glossary/Synchronous +--- +<p><em>同步</em>（Synchronous）是指各方在接收（必要的話還會執行與回覆）訊息時，立刻（或盡可能接近立刻）執行的即時通訊。</p> + +<p>以人類通訊來比喻就是電話：在電話通訊時，你通常會立刻回覆對方的訊息。</p> + +<p>很多程式指令都是同步的：例如在計算時，環境會立刻回傳結果，除非你撰寫程式時不讓它這麼做。</p> + +<h2 id="深入理解">深入理解</h2> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li>{{glossary("Asynchronous","非同步")}}</li> + <li>使用 <a href="/zh-TW//docs/Web/API/XMLHttpRequest">XMLHttpRequest()</a> {{glossary("API")}} 完成 <a href="/zh-TW/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests">同步與非同步請求</a></li> +</ul> diff --git a/files/zh-tw/glossary/type/index.html b/files/zh-tw/glossary/type/index.html new file mode 100644 index 0000000000..8a2a1106fd --- /dev/null +++ b/files/zh-tw/glossary/type/index.html @@ -0,0 +1,17 @@ +--- +title: 型別 +slug: Glossary/Type +translation_of: Glossary/Type +--- +<p><strong>型別</strong>（或<em>資料型別</em>）是能決定 {{glossary("value")}} 該存為何種類型的特性：例如 JavaScript 的 {{domxref("Boolean")}} 只能存為 <code>true</code>/<code>false</code> 兩者其一、而字串（{{domxref("String")}}）能存為文字字串、{{domxref("Number")}} 則能存城任何類型的數字……等等。</p> + +<p>型別也能決定哪些操作是有效的：例如說整數（integer）可以與整數相乘，但不能與字串相乘。</p> + +<h2 id="深入了解">深入了解</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li>維基百科的{{Interwiki("wikipedia", "資料型別")}}</li> + <li><a href="https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Data_structures">JavaScript 的資料型別</a></li> +</ul> diff --git a/files/zh-tw/glossary/uri/index.html b/files/zh-tw/glossary/uri/index.html new file mode 100644 index 0000000000..8e0d68000c --- /dev/null +++ b/files/zh-tw/glossary/uri/index.html @@ -0,0 +1,15 @@ +--- +title: URI +slug: Glossary/URI +translation_of: Glossary/URI +--- +<p><span class="seoSummary">統一資源識別碼 (Uniform Resource Identifier，一般縮寫成 <strong>URI</strong>) 是個會指向資訊來源的字串。</span> 其中又以定位網址 {{Glossary("URL","URLs")}} 最為常見，會把該<strong>位址</strong>傳給網站，好讓網站辨認資訊來源。不過，統一資源名稱 {{Glossary("URN","URNs")}} 就不一樣了，是用命名空間允許的<strong>名稱</strong>指向資訊來源，例如國際標準書碼 (International Standard Book Number，一般以ISBN 縮寫)</p> + +<h2 id="想了解更多嗎？">想了解更多嗎？</h2> + +<h3 id="一般常識篇">一般常識篇</h3> + +<ul> + <li>{{Interwiki("wikipedia", "URI")}} on Wikipedia</li> + <li><a href="http://tools.ietf.org/html/rfc3986">RFC 3986 on URI</a></li> +</ul> diff --git a/files/zh-tw/glossary/url/index.html b/files/zh-tw/glossary/url/index.html new file mode 100644 index 0000000000..2aecd64d12 --- /dev/null +++ b/files/zh-tw/glossary/url/index.html @@ -0,0 +1,35 @@ +--- +title: URL +slug: Glossary/URL +tags: + - URL + - 'l10n:priority' + - 術語表 + - 鏈接 +translation_of: Glossary/URL +--- +<p><strong>統一資源定位器</strong> (<strong>URL</strong>) 是一個在互聯網上查找指定資源(<span class="tlid-translation translation" lang="zh-TW"><span title="">例如網頁，圖片或視頻</span></span>)位置的文本字符串。 </p> + +<p>在{{Glossary("HTTP")}}的文本中, URLs 通常被稱作網頁地址或鏈接。瀏覽器把 URLs 顯示在地址欄，如： <code>https://developer.mozilla.org</code> Some browsers display only the part of a URL after the "//", that is, the {{Glossary("Domain name")}}.</p> + +<p>URLs 同樣可以用於文件傳輸({{Glossary("FTP")}}) , 郵件 ({{Glossary("SMTP")}}), 以及其他應用程式.</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基礎知識"><strong>基礎知識</strong></h3> + +<ul> + <li>維基百科上的 {{Interwiki("wikipedia", "URL")}}</li> +</ul> + +<h3 id="學習其他">學習其他</h3> + +<ul> + <li><a href="/en-US/Learn/Understanding_URLs">Understanding URLs and their structure</a></li> +</ul> + +<h3 id="Specification">Specification</h3> + +<ul> + <li><a href="https://wiki.developer.mozilla.org/en-US/Learn/Understanding_URLs">Understanding URLs and their structure</a></li> +</ul> diff --git a/files/zh-tw/glossary/viewport/index.html b/files/zh-tw/glossary/viewport/index.html new file mode 100644 index 0000000000..654d8e81df --- /dev/null +++ b/files/zh-tw/glossary/viewport/index.html @@ -0,0 +1,25 @@ +--- +title: Viewport +slug: Glossary/Viewport +tags: + - CodingScripting + - Glossary +translation_of: Glossary/Viewport +--- +<p>一個 viewport（視圖、視區）在電腦圖像中表示一個正在被觀看的多邊型區域（通常是方形）。在瀏覽器的術語中，它指涉的是在視窗中（如果在全螢幕模式底下，那也可以是在螢幕中），正在瀏覽的文件中可被看見的一部分。在 viewport 外的內容在螢幕上是看不到的，直到內容被滾動到畫面中。</p> + +<p>在視窗/螢幕上能被看見的 viewport 區域被稱為 <strong>visual viewport</strong>（可視視圖）。它有時會比 layout viewport 還來得小，例如在使用者縮放網頁的時候，<strong>layout viewport</strong>（布局視圖）會保持同樣的大小，而 visual viewport 則會變得較小。</p> + + + +<h2 id="瞭解更多">瞭解更多</h2> + +<h3 id="General_Knowledge">General Knowledge</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Viewport")}} on Wikipedia</li> + <li><a href="https://stackoverflow.com/questions/2939693/what-is-viewport-in-html">What is viewport in HTML</a> on Stackoverflow</li> + <li><a href="https://andylangton.co.uk/blog/development/get-viewportwindow-size-width-and-height-javascript">Get viewport/window size (width and height) with javascript</a></li> + <li><a href="https://www.quirksmode.org/mobile/viewports.html">A tale of two viewports</a> (Quirksmode)</li> + <li><a href="/en-US/docs/Web/API/Visual_Viewport_API">VisualViewport API</a></li> +</ul> diff --git a/files/zh-tw/glossary/w3c/index.html b/files/zh-tw/glossary/w3c/index.html new file mode 100644 index 0000000000..94ce9c4039 --- /dev/null +++ b/files/zh-tw/glossary/w3c/index.html @@ -0,0 +1,19 @@ +--- +title: W3C +slug: Glossary/W3C +translation_of: Glossary/W3C +--- +<p><em>全球資訊網協會</em>（World Wide Web Consortium，W3C）是維護{{Glossary("World Wide Web", "網路相關")}}規則與架構的國際機構。</p> + +<p>它由 420 多個開發網路標準、經營宣傳計畫、還有維護網路相關的公開討論會……等成員組織構成。W3C 的業界協調公司確保它們實行相同的 W3C 標準。</p> + +<p>每個標準都會有四個成熟過程：工作草案（Working Draft、WD）、候選推薦標準（Candidate Recommendation、CR）、提案推薦標準（Proposed Recommendation、PR）、以及 W3C 推薦標準（W3C Recommendation、REC）。</p> + +<h2 id="深入了解">深入了解</h2> + +<h3 id="基本知識">基本知識</h3> + +<ul> + <li><a href="http://www.w3.org/">W3C 官方網站</a></li> + <li>維基百科的 {{Interwiki("wikipedia", "全球資訊網協會", "W3C")}}</li> +</ul> diff --git a/files/zh-tw/glossary/webextensions/index.html b/files/zh-tw/glossary/webextensions/index.html new file mode 100644 index 0000000000..9983d915a6 --- /dev/null +++ b/files/zh-tw/glossary/webextensions/index.html @@ -0,0 +1,19 @@ +--- +title: WebExtensions +slug: Glossary/WebExtensions +tags: + - CodingScripting + - Glossary + - NeedsContent + - WebExtensions +translation_of: Glossary/WebExtensions +--- +<p>WebExtensions 是一種跨瀏覽器系統，用於開發 Firefox 的瀏覽器附加元件。這個系統提供許多 API 能夠在不同的瀏覽器中執行，例如 Mozilla Firefox、Google Chrome、Opera 瀏覽器和 Microsoft Edge。</p> + +<h2 id="深入了解">深入了解</h2> + +<h3 id="技術資訊">技術資訊</h3> + +<ul> + <li>MDN 上的<a href="/zh-TW/docs/Mozilla/Add-ons/WebExtensions">瀏覽器擴充功能</a></li> +</ul> diff --git a/files/zh-tw/glossary/websockets/index.html b/files/zh-tw/glossary/websockets/index.html new file mode 100644 index 0000000000..7aca64282e --- /dev/null +++ b/files/zh-tw/glossary/websockets/index.html @@ -0,0 +1,29 @@ +--- +title: WebSockets +slug: Glossary/WebSockets +translation_of: Glossary/WebSockets +--- +<p><em>WebSocket</em> 是允許{{Glossary("Server", "伺服器")}}與用戶端之間發起持續性的 {{Glossary("TCP")}} 連接，以便隨時交換資料的{{Glossary("protocol", "協定")}}。</p> + +<p>任何用戶端與伺服器端程式都能使用 WebSocket，不過一般來說，大都是在{{Glossary("Browser", "網路瀏覽器")}}與伺服器之間發起的。伺服器藉由 WebSocket 可以在用戶端沒有事先請求的情況下，將數據傳遞給用戶端，以便動態更新資料。</p> + +<h2 id="深入理解">深入理解</h2> + +<h3 id="一般常識">一般常識</h3> + +<ul> + <li>維基百科的 {{Interwiki("wikipedia", "Websocket")}}</li> +</ul> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="/zh-TW/docs/Web/API/WebSocket">MDN 的 WebSocket 參考</a></li> +</ul> + +<h3 id="學習之">學習之</h3> + +<ul> + <li><a href="/zh-TW/docs/WebSockets/Writing_WebSocket_client_applications">製作 WebSocket 客戶端應用程式</a></li> + <li><a href="/zh-TW/docs/WebSockets/Writing_WebSocket_servers">製作 WebSocket 伺服器</a></li> +</ul> |