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