
如何使用html5的Page Visibility API來實現(xiàn)獲取焦點js事件
當前窗口獲得焦點js事件,html5發(fā)布之前我們使用window.onfocus和window.onblur來獲得窗口焦點和失去窗口焦點 //當前窗口得到焦點 window.onfocus = function() { //播放動畫或視頻 ...
當前窗口獲得焦點js事件,html5發(fā)布之前我們使用window.onfocus和window.onblur來獲得窗口焦點和失去窗口焦點 //當前窗口得到焦點 window.onfocus = function() { //播放動畫或視頻 ...
本文簡單介紹利用Html5的FormData實現(xiàn)文件的異步上傳,還可以實現(xiàn)上傳進度條和文件大小驗證等,代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的的朋友參考下吧 1 簡介 開發(fā)文件上傳功能從來不是一件愉快的事,異步上傳更是如此,使用過i...
前言 在 HTML5 的本地存儲中,有一種叫 indexedDB 的數(shù)據(jù)庫,該數(shù)據(jù)庫是一種存儲在客戶端本地的 NoSQL 數(shù)據(jù)庫,它可以存儲大量的數(shù)據(jù)。從上篇:HTML5 進階系列:web Storage ,我們知道 web Storage...
前言 HTML5 中提供了直接拖放的 API,極大的方便我們實現(xiàn)拖放效果,不需要去寫一大堆的 js,只需要通過監(jiān)聽元素的拖放事件就能實現(xiàn)各種拖放功能。 想要拖放某個元素,必須設置該元素的 draggable 屬性為 true,當該屬性為 f...
不要搞錯,本文不是講如何拖地的??催^《javascript精粹》朋友應該知道,他實現(xiàn)拖放的過程比較復雜,現(xiàn)在時代不同了,我們用H5的新的拖放API就能非常方便的實現(xiàn)拖放效果了。最近在園子見一園友寫了一篇《HTML5 進階系列:拖放 AP...
以前我們在本地存儲數(shù)據(jù)都是用document.cookie來存儲的,但是由于其的存儲大小只有4K左右,解析也很復雜,給開發(fā)帶來了諸多的不便.不過現(xiàn)在html5出了web的存儲,彌補了cookie的不足,而且開放起來也是相當?shù)姆奖?web存儲...
為了緊跟潮流,本文將向大家介紹一下視頻直播中的基本流程和主要的技術點,包括但不限于前端技術。 1 H5到底能不能做視頻直播? 當然可以, H5火了這么久,涵蓋了各個方面的技術。 對于視頻錄制,可以使用強大的webRTC(Web Real-T...
傳統(tǒng)的WEB應用程序通信時的簡單時序圖: 現(xiàn)在Web App中,大都有Ajax,是這樣子: HTML5有一個Server-Sent Events(SSE)功能,允許服務端推送數(shù)據(jù)到客戶端。(通常叫數(shù)據(jù)推送)?;跀?shù)據(jù)推送是這樣的,當數(shù)據(jù)源有...
Http(Hypertext Transfer Protocol) HTTP協(xié)議(HyperText Transfer Protocol,超文本傳輸協(xié)議)是用于從WWW服務器傳輸超文本到本地瀏覽器的傳輸協(xié)議。它可以使瀏覽器更加高效,使網(wǎng)絡傳...
一、總述 當代WebGL編程所使用的3D模型大多是從3DsMax模型或Blender模型轉化而來,這種工作模式比較適合3D設計師和3D程序員分工配合的場景。但對于單兵作戰(zhàn)的WebGL愛好者來講這種模式過于沉重:且不說轉化插件本身存在的各...