
HTML5新特性之Web Worker
1、概述 JavaScript語言采用的是單線程模型,也就是說,所有任務(wù)排成一個隊列,一次只能做一件事。隨著電腦計算能力的增強,這一點帶來很大的不便,無法充分發(fā)揮JavaScript的潛能。龍其考慮到,F(xiàn)ile API允許JavaScrip...
1、概述 JavaScript語言采用的是單線程模型,也就是說,所有任務(wù)排成一個隊列,一次只能做一件事。隨著電腦計算能力的增強,這一點帶來很大的不便,無法充分發(fā)揮JavaScript的潛能。龍其考慮到,F(xiàn)ile API允許JavaScrip...
為了更好地為移動設(shè)備服務(wù),HTML5推出了一系列針對移動設(shè)備的API。 1、Geolocation API Geolocation接口用于獲取用戶的地理位置。它使用的方法基于GPS或者其他機制(比如IP地址、WIFI熱點等)。 下面的方法,...
1、概述 HTTP協(xié)議是一種無狀態(tài)協(xié)議,服務(wù)端本身不具有識別客戶端的能力,必須借助外部機制,比如session和cookie,才能與特定客戶端保持對話。這多多少少帶來一些不便,尤其在服務(wù)器端與客戶端需要持續(xù)交換數(shù)據(jù)的場合(比如網(wǎng)絡(luò)聊天),更...
1、概述 Mutation Observer(變動觀察器)是監(jiān)視DOM變動的接口。當(dāng)DOM對象樹發(fā)生任何變動時,Mutation Observer會得到通知。 要概念上,它很接近事件??梢岳斫鉃?,當(dāng)DOM發(fā)生變動會觸發(fā)Mutation Ob...
1、概述 WebRTC是“網(wǎng)絡(luò)實時通信”(Web Real Time Communication)的縮寫,它主要用來讓瀏覽器實時獲取和交換視頻、音頻和數(shù)據(jù)。 WebRTC共分三個API。 MediaStream(又稱getUserMedia...
近年來由于移動設(shè)備對HTML5的較好支持,經(jīng)常有活動用刮獎的效果,最近也在看H5方面的內(nèi)容,就自己實現(xiàn)了一個,現(xiàn)分享出來跟大家交流。 1、效果 2、原理 原理很簡單,就是在刮獎區(qū)添加兩個canvas,第一個canvas用于顯示刮開后顯示的內(nèi)...
本來想寫幾句的,但是看到前面一篇的反映不是很理想,所以也沒動力了,原計劃下面還想寫個“貪吃蛇”的,看看再說吧,直接上源代碼。 這一次在上一篇程序的基礎(chǔ)上增加了以下功能: 1、鍵盤控制 2、開始、暫停 3、消除時候空行的停頓效果 4、隨著消除...
一、從數(shù)據(jù)出發(fā)還是從界面出發(fā) 要寫一個俄羅斯方塊小游戲,我們先來一塊考慮一下下面幾個問題: 1、用什么表示方塊 2、怎么設(shè)置或者改變方塊的顏色 3、怎么移動方塊 4、怎么消除方塊 請考慮一分鐘后再繼續(xù)向下看。。。。。。 如果你對上面幾個問題...
原來以為象坦克大戰(zhàn)、超級瑪麗之類的小游戲,開始畫面里面的磚塊字是靜態(tài)圖片,現(xiàn)在才知道原來都是動態(tài)貼圖貼出來的,下面用 HTML5 的繪圖功能,咱也太做一個坦克大決戰(zhàn)的開始畫面,順便研究一下點陣字。 一、點陣字 貼圖實際上和點陣字沒有多大區(qū)別...
一、為什么選擇 HTML5 HTML5 邊玩邊學(xué)算上這篇已經(jīng)是第七篇了,在這篇開始之前,我想先說明一下為什么叫“HTML5” 邊玩邊學(xué),因為有人對 HTML5 提出質(zhì)疑,畢竟他是一個新生事物。我承認我用 HTML5 來吸引眼球了,如果看過邊...