2018-12-05xiaoxiami閱讀(690)贊(0)

當(dāng)前窗口獲得焦點(diǎn)js事件，html5發(fā)布之前我們使用window.onfocus和window.onblur來(lái)獲得窗口焦點(diǎn)和失去窗口焦點(diǎn) //當(dāng)前窗口得到焦點(diǎn) window.onfocus = function() { //播放動(dòng)畫或視頻 ...

2018-12-04xiaoxiami閱讀(668)贊(0)

本文簡(jiǎn)單介紹利用Html5的FormData實(shí)現(xiàn)文件的異步上傳，還可以實(shí)現(xiàn)上傳進(jìn)度條和文件大小驗(yàn)證等，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下吧 1 簡(jiǎn)介 開發(fā)文件上傳功能從來(lái)不是一件愉快的事，異步上傳更是如此，使用過i...

2018-12-04zhaods閱讀(772)贊(0)

前言 在 HTML5 的本地存儲(chǔ)中，有一種叫 indexedDB 的數(shù)據(jù)庫(kù)，該數(shù)據(jù)庫(kù)是一種存儲(chǔ)在客戶端本地的 NoSQL 數(shù)據(jù)庫(kù)，它可以存儲(chǔ)大量的數(shù)據(jù)。從上篇：HTML5 進(jìn)階系列：web Storage ，我們知道 web Storage...

2018-12-04zhaods閱讀(639)贊(0)

前言 HTML5 中提供了直接拖放的 API，極大的方便我們實(shí)現(xiàn)拖放效果，不需要去寫一大堆的 js，只需要通過監(jiān)聽元素的拖放事件就能實(shí)現(xiàn)各種拖放功能。 想要拖放某個(gè)元素，必須設(shè)置該元素的 draggable 屬性為 true，當(dāng)該屬性為 f...

2018-12-04xiaoxiami閱讀(800)贊(0)

　　不要搞錯(cuò)，本文不是講如何拖地的。看過《javascript精粹》朋友應(yīng)該知道，他實(shí)現(xiàn)拖放的過程比較復(fù)雜，現(xiàn)在時(shí)代不同了，我們用H5的新的拖放API就能非常方便的實(shí)現(xiàn)拖放效果了。最近在園子見一園友寫了一篇《HTML5 進(jìn)階系列：拖放 AP...

2018-12-04zhaods閱讀(839)贊(0)

以前我們?cè)诒镜卮鎯?chǔ)數(shù)據(jù)都是用document.cookie來(lái)存儲(chǔ)的,但是由于其的存儲(chǔ)大小只有4K左右,解析也很復(fù)雜,給開發(fā)帶來(lái)了諸多的不便.不過現(xiàn)在html5出了web的存儲(chǔ),彌補(bǔ)了cookie的不足,而且開放起來(lái)也是相當(dāng)?shù)姆奖?web存儲(chǔ)...

2018-12-04xiaoxiami閱讀(798)贊(0)

為了緊跟潮流，本文將向大家介紹一下視頻直播中的基本流程和主要的技術(shù)點(diǎn)，包括但不限于前端技術(shù)。 1 H5到底能不能做視頻直播？ 當(dāng)然可以， H5火了這么久，涵蓋了各個(gè)方面的技術(shù)。 對(duì)于視頻錄制，可以使用強(qiáng)大的webRTC（Web Real-T...

2018-12-04zhaods閱讀(971)贊(0)

傳統(tǒng)的WEB應(yīng)用程序通信時(shí)的簡(jiǎn)單時(shí)序圖： 現(xiàn)在Web App中，大都有Ajax，是這樣子： HTML5有一個(gè)Server-Sent Events(SSE)功能，允許服務(wù)端推送數(shù)據(jù)到客戶端。(通常叫數(shù)據(jù)推送)。基于數(shù)據(jù)推送是這樣的，當(dāng)數(shù)據(jù)源有...

2018-12-04xiaoxiami閱讀(882)贊(0)

Http（Hypertext Transfer Protocol） HTTP協(xié)議（HyperText Transfer Protocol，超文本傳輸協(xié)議）是用于從WWW服務(wù)器傳輸超文本到本地瀏覽器的傳輸協(xié)議。它可以使瀏覽器更加高效，使網(wǎng)絡(luò)傳...

2018-12-04zhaods閱讀(1028)贊(0)

一、總述 　　當(dāng)代WebGL編程所使用的3D模型大多是從3DsMax模型或Blender模型轉(zhuǎn)化而來(lái)，這種工作模式比較適合3D設(shè)計(jì)師和3D程序員分工配合的場(chǎng)景。但對(duì)于單兵作戰(zhàn)的WebGL愛好者來(lái)講這種模式過于沉重：且不說轉(zhuǎn)化插件本身存在的各...