常用的網絡技術 · 前端開發者手冊

## 前端開發者常用的網絡技術 ![web-tech-employed](https://raw.githubusercontent.com/dwqs/fedHandlebook/master/images/web-tech-employed.jpg) 前端開發者常用的網絡技術如下: * Hyper Text Markup Language(超文本標記語言, 又稱 HTML) * Cascading Style Sheets (層疊式樣式表, 又稱 CSS) * Document Object Model (文檔對象模型, 又稱 DOM) * JavaScript Programming Language (JavaScript編程語言, 又稱: ECMAScript 6, ES6, JavaScript 2015) * Web API's (Web應用程序接口, 又稱 HTML5 API 或瀏覽器 API) * Hypertext Transfer Protocol (超文本傳輸協議, 又稱 HTTP) * Uniform Resource Locator's (統一資源定位符, 又稱 URL) * JavaScript Object Notation (JavaScript對象表示, 又稱 JSON) * Web Content Accessibility Guidelines (網頁內容無障礙設計指南, 又稱 WCAG) & Accessible Rich Internet Applications (富Internet應用程序的無障礙設計, 又稱 ARIA) 根據相關的文檔和規范, 這些技術定義如下. 作為一個比較, 你可以在 [platform.html5.org](https://platform.html5.org/) 上看到所有與Web相關的規范. **Hyper Text Markup Language(超文本標記語言, 又稱 HTML)** >超文本標記語言, 通常被稱為 HTML, 是被用于創建網頁的標準標記語言. Web瀏覽器能將 HTML 文件渲染成可見的或者可聽到的. HTML 隨著線索提示, 語義化地描述了網站的結構, 使它成為一種標記語言, 而不是編程語言. - wikipedia.org 更多相關的文檔/規范: * [W3C HTML5 規范](http://www.w3.org/TR/html5/) : HTML5 是WWW核心語言的主要修訂 * [HTML 元素在線標準](https://html.spec.whatwg.org/multipage/semantics.html#semantics) * [HTML 在線語法](https://html.spec.whatwg.org/multipage/syntax.html#syntax) * [所有 W3C HTML 規范](http://www.w3.org/standards/techs/html#w3c_all) * [HTML 元素參考](https://developer.mozilla.org/en-US/docs/Web/HTML/Element) * [HTML 屬性參考](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes) * [全局屬性](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes) **Cascading Style Sheets (層疊式樣式表, 又稱 CSS)** >層疊式樣式表(CSS)是用于描述外觀和格式化標記語言編寫的文檔的樣式表語言. 盡管經常被用來改變用 HTML 和 XHTML 編寫的網頁和用戶界面的樣式, 但也可用于任何 XML 文檔, 包括純 XML, SVG 和 XUL. 跟 JavaScript 和 HTML 一樣, CSS是被大多數網站用于為Web應用程序創建富有吸引力的網頁, 用戶界面的一種基礎技術, 也為許多移動應用程序創建用戶界面. - wikipedia.org 更多相關的文檔/規范: * [CSS 2.2規范](https://drafts.csswg.org/css2/) * [CSS 3選擇器](http://www.w3.org/TR/css3-selectors/) * [所有 W3C CSS 規范](http://www.w3.org/Style/CSS/current-work#roadmap) * [CSS 參考](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference) **Document Object Model (文檔對象模型, 又稱 DOM)** >文檔對象模型用于代表和對象交互的HTML, XHTML 和 XML 文檔, 是一種跨平臺和語言無關性的約定. 每一份文檔的所有節點被組織成一種樹結構, 稱為 DOM 樹. DOM 對象通過使用對象上的方法被處理和操作, 一個 DOM 對象的公共接口被指定為它的應用程序編程接口(API). - wikipedia.org 更多相關的文檔/規范: * [W3C DOM4](http://www.w3.org/TR/2014/WD-dom-20140204/) * [DOM 在線標準](https://dom.spec.whatwg.org/) * [DOM 3 事件規范](http://www.w3.org/TR/2013/WD-DOM-Level-3-Events-20131105/) **JavaScript Programming Language (JavaScript編程語言, 又稱: ECMAScript 6, ES6, JavaScript 2015)** >JavaScript 是一種高級的, 動態的, 無類型的和解釋型的編程語言, 它已經在 ECMAScript 語言規范中被標準化. 跟 HTML 和 CSS 一樣, JavaScript 是 WWW 內容生成的第三種必不可少的技術; 大多數的網會使用Javascript, 并且 Javascript 被所有現在Web瀏覽器支持. JavaScript 基于原型和函數優先的特點, 使它成為多范型的語言, 支持面向對象的, 命令式的, 和函數式編程風格. JavaScript 能提供 API 來處理文本, 數組, 日期和正則表達式, 但不包括任何 I/O, 如網絡, 存儲或圖形工具, 對這些的依賴取決于宿主環境中嵌入了什么. - wikipedia.org 更多相關的文檔/規范: * [ECMAScript 2015 語言規范](http://www.ecma-international.org/ecma-262/6.0/) **Web API's (Web應用程序接口, 又稱 HTML5 API)** >當使用 JavaScript 為Web程序寫代碼時, 有很多不錯的 API 是可以利用的. 下面列舉了所有在Web APP 或網站開發中可能會用到的接口. - Mozilla 更多相關文檔: * [Web API 接口](https://developer.mozilla.org/en-US/docs/Web/API) **Hypertext Transfer Protocol (超文本傳輸協議, 又稱 HTTP)** >超文本傳輸協議是一個用于分布式, 協作和超媒體信息系統的應用協議, 是 WWW 數據通信的基礎. - wikipedia.org 更多相關規范: * [Hypertext Transfer Protocol -- HTTP/1.1](https://tools.ietf.org/html/rfc2616) * [Hypertext Transfer Protocol version 2 draft-ietf-httpbis-http2-16](https://tools.ietf.org/html/draft-ietf-httpbis-http2-16) **Uniform Resource Locator's (統一資源定位符, 又稱 URL)** >一個 URL (也稱Web地址)是一個資源引用, 指定了資源在計算機網絡和檢索機制中的位置. 與之類似的概念是 Uniform Resource Identifier(URI), 盡管許多人認為兩個術語可以互換使用, 但 URL 是統一資源標識符( URI )[3] 的具體類型. 一個 URL 意味著一種訪問資源量的方式, 但這并不適用于 URI. [4][5]URL 不僅常用于引用一個網頁(http), 也可用于文件傳輸(ftp), 郵件(mailto), 數據庫訪問(JDBC) 和許多其它應用. - wikipedia.org 更多相關規范: * [URL](http://www.w3.org/Addressing/URL/url-spec.txt) * [URL 在線標準](https://url.spec.whatwg.org/) **JavaScript Object Notation (JavaScript對象表示, 又稱 JSON)** >JSON, 有時也稱 JavaScript 對象表示, 是一種使用人類可讀的文本傳輸由鍵值對組成的數據對象的開放格式. 對于異步瀏覽器/服務器通信(AJAJ), JSON 是主要的數據格式, 很大程度上代替了 XML(AJAX). 盡管最初是從 JavaScript 腳本語言衍生而來, 但是 JSON 是語言無關性的數據格式, 在許多編程語言中, 代碼解析和生成 JSON 是很容易的. JSON 的格式最初是由 Douglas Crockford 指定的, 但目前卻被描述成兩種標準: RFC 7159 和 ECMA-404. ECMA 標準只允許被合法的語法語句描述, 而 RFC 則提供了一些語義化描述和安全考慮. JSON 的官方網絡媒體類型 application / JSON, 擴展名是 .json. - wikipedia.org 更多相關規范: * [JSON 介紹](http://json.org/) * [JSON 數據交換格式](http://www.ecma-international.org/publications/files/ECMA-ST/ECMA-404.pdf) * [JSON API](http://jsonapi.org/) **Web Content Accessibility Guidelines (網頁內容無障礙設計指南, 又稱 WCAG) & Accessible Rich Internet Applications (富Internet應用程序的無障礙設計, 又稱 ARIA)** >無障礙設計是指產品, 設備, 服務, 或者環境是為殘疾人設計的. 無障礙設計的概念意味著與一個人的輔助技術(例如, 電腦屏幕閱讀器)相兼容, 確保直接訪問(即獨立)和"間接訪問". - wikipedia.org * [無障礙設計網絡倡議 (WAI)](http://www.w3.org/WAI/) * [網頁內容無障礙設計指南 (WCAG) 的目前狀態](http://www.w3.org/standards/techs/wcag#w3c_all) * [富 Internet 應用程序的無障礙設計 (WAI-ARIA) 的目前狀態](http://www.w3.org/standards/techs/aria#w3c_all)