最近因為有需要開發(fā)互動式網(wǎng)頁,而且又需要頻繁地和server端坐溝通,所以除了ajax之外,也開始研究一些新的東西;而其中一個,就是可以更節(jié)省頻寬的WebSocket、這個HTML 5的通訊方法了~ 關(guān)于WebSocket的介紹,建議慶直接參考維基百科,或是WebSocket.org的介紹;完整的API則可以參考W3C的網(wǎng)頁。在Heresy來看,WebSocket和傳統(tǒng)的HTML數(shù)據(jù)取得的方法相比,最大的好處,就是由于WebSocket是建立一個持續(xù)性的連線,不需要重復地不斷建立連線,所以可以有效地降低延遲、并且減少數(shù)據(jù)的傳輸輛。 像右圖就是WebSocket.org所提供的示意圖,可以看到隨著要求存取的次數(shù)的增加,傳統(tǒng)的「Polling」的數(shù)據(jù)存取方法所需的頻寬會上升地非常地快;相較之下,WebSocket的頻寬則可以省非常地多。查看全文>>
首先,在這個網(wǎng)頁里面,HTML的部分相當簡單,就是一個
這篇文章會涵蓋 HTML5 Web Storage 的幾個重點觀念,并介紹其基本用法,以及一些該注意的地方(包含一個使用 Visual Studio 2012 來撰寫範例程式的短片)。查看全文>>
從 Storage 中讀取資料時,則用 getItem 方法: var value1 = window.localStorage.getItem("MyKeyName"); var value2 = window.sessionStorage.getItem("MyKeyName"); 在使用 Storage 物件時,前面的 "window" 也可以省略不寫,而且還可以用陣列索引以及屬性的寫法,因此底下的程式片段的每一行作用皆相同: window.localStorage.setItem("MyKeyName", "MyDataValue");查看全文>>
經(jīng)過前面的重點提示以及影片的範例展示,看官應該已經(jīng)大致了解這種兩儲存空間的差別。這裡再稍微啰嗦一下。查看全文>>
在這篇文章中,我將給大家分享HTML5構(gòu)建頁面的小錯誤和不好的實踐方法,讓我們在以后的工作中避免這些錯誤。查看全文>>