原创 Html5 標籤用法

 nav  字面上理解爲“導航”，在html5中用於包裹一個導航鏈接組，用於顯式的說明"這是一個導航組”，在同一個頁面中可以同時存在多個nav。 不是所有的鏈接組都需要使用nav包裹，這主要看鏈接組是不是用於導航（可理解爲是不是再頁面

2020-05-31 07:04:24

原创 使用 HTML5 WebSocket 構建實時 Web 應用

 作爲下一代的 Web 標準，HTML5 擁有許多引人注目的新特性，如 Canvas、本地存儲、多媒體編程接口、WebSocket 等等。這其中有“Web 的 TCP ”之稱的 WebSocket 格外吸引開發人員的注意。WebSoc

2018-08-31 09:43:34

原创 [學習筆記]SVG初級篇

 1、SVG概述 SVG是矢量圖的一種， SVG是一種文件格式， 有自己的API。 根本上講，SVG是一種矢量格式 2、SVG歷史 SVG起初通過插件的方式提供瀏覽器使用，不久，瀏覽器就對SVG圖像的原生支持。  故可以把SVG代碼

2018-08-31 09:43:04

原创 [讀書筆記]Communication API

 1.1 跨文檔消息通信 跨文檔消息通信可以確保iframe、標籤頁、窗口間安全地進行跨源通信。 posetMessage API 發送小心 chatFrame。contentwindow.postMessage("hello wo

2018-08-31 09:43:02 1

原创 [轉]HTML5 WebSockets 基礎使用教程

 HTML5之中一個很酷的新特性就是WebSockets，它可以讓我們無需AJAX請求即可與服務器端對話。今天彬Go將讓大家通過Php環境的服務器端運行WebSocket，創建客戶端並通過WebSockets協議發送和接收服務器端信息

2018-08-31 09:43:02

原创 使用 HTML5 Boilerplate 開始 web 開發

 web 開發團隊的一個常見實踐是創建一組標準文件，團隊成員基於它們開始 web 開發流程，包括一個公共文件結構、基本命名慣例和標準庫。這樣做能夠更容易啓動並運行一個項目。它還能將開發人員引向內部編碼標準並實施標準文件組織。HTML5

2018-08-31 09:43:02 3

原创 Html5 <nav>標籤用法

 nav  字面上理解爲“導航”，在html5中用於包裹一個導航鏈接組，用於顯式的說明"這是一個導航組”，在同一個頁面中可以同時存在多個nav。 不是所有的鏈接組都需要使用nav包裹，這主要看鏈接組是不是用於導航（可理解爲是不是再頁面

2018-08-31 09:43:02 1

原创 [讀書筆記]WebSocket服務篇

1.1.1 WebSocket概述 WebSockets通過一次握手建立連接，服務器就可以主動地向客戶端發送消息。 一舉淘汰了Comet和Ajax輪詢（polling），長輪詢（long-polling)，已經流（streaming）解

2018-08-31 09:43:00 1

原创 [讀書筆記]地理位置Geolocation API

 5.1 位置信息 HTML5 Geolocation API，請求一個位置信息，如果用戶同意，瀏覽器返回位置信息，該位置信息是通過支持HTML5地址定位功能的底層設備提供給瀏覽器的，位置信息由緯度， 經度座標和其他元數據組成。 5

2018-08-31 09:43:00 1

原创 [讀書筆記]Html5音頻和視頻

 audio和video的出現讓HTML5的媒體應用多了新選擇， 開發人員不必使用插件就可以播放音頻和視頻。 1.1.1 視頻容器 視頻容器（視頻文件）包含了音頻軌道，視頻軌道和其他一些元數據。 主流視頻容器一下視頻格式： .avi

2018-08-31 09:43:00

原创 [讀書筆記]Communication API 之 XMLHttpRequest Level 2

 XML HttpRequest Level 2 XML HttpRequest Level 2相對此前版本，有了很大改進 1、跨源XMLHttpRequests請求 2、進度事件（Progress events） 1.1 跨源X

2018-08-31 09:43:00

原创 [讀書筆記]初識HTML5

 1、 HMT5發展史 1993年HTML首次以因特網草案的形式發佈， 20世紀90年代HTML大發展。 到1999年發展到4.01版本。 W3C掌握了HTML規範的控制權。2004年HTML5規範被船裏， 2006發佈了HTML5

2018-08-31 09:43:00

原创 [轉]HTML5中Canvas與SVG的畫圖原理比較

canvas 與 SVG都能夠使你在瀏覽器中畫圖，但它們的基本原理不同。 SVG SVG是一種在XML中描述二維圖形的語言。 SVG是基於XML的，意味着在SVG DOM內每一個元素都是可用的。你可以爲每一個元素增加JS事件處理器。

2018-08-31 09:42:56

原创 [讀書筆記]WebSocket瀏覽器篇 HTML5 WebSockets API

 1.1 檢測瀏覽器支持的情況 if (window.WebSocket)      支持 else      不支持 1.2 API的基本用法 url = “ws//loaclhost:8888:/echo”; w = new W

2018-08-31 09:40:34 5

原创 10款非常優秀的 HTML5 開發工具

 HTML5 發展如火如荼，隨着各大瀏覽器對 HTML5 技術支持的不斷完善以及 HTML5 技術的不斷成熟，未來 HTML5 必將改變我們創建 Web 應用程序的方式。今天這篇文章向大家推薦10款優秀的HTML5開發工具，幫助你更高

2018-08-31 09:40:32 4