主要運用html5的canvas的畫圖Api,結(jié)合鍵盤輸入功能,以及運用一些簡單的算法,比如小球碰撞,判斷輸入的與當(dāng)前畫布的是否相同等,隨著時間和分數(shù)的增加速度也會加快。游戲完成后可上傳分數(shù)到服務(wù)器。 不提供源碼下載,要學(xué)習(xí)可留言。 演示地址:http://wshome.sinaapp.com/h5-web/game/drop-words/index.html
基于bootstrap的網(wǎng)頁開發(fā)。做的不是很好,歡迎大家指導(dǎo)提議。
聽了friday老師關(guān)于H5存儲課程之后,為了弄懂indexedDB所作的一個課后練習(xí)作業(yè),簡單的實現(xiàn)了indexedDB的存儲,查詢 測試瀏覽器:谷歌43.0.2357.124 m 效果查看地址http://www.dabenying.club/indexedDB.html
HTML5 Boilerplate 幫你構(gòu)建 快速, 健壯, 并且 適應(yīng)力強 的web app或網(wǎng)站。 這個小小的源碼包集合了100位開發(fā)者的經(jīng)驗,你可以將這些經(jīng)驗運用在你的項目中。
用HTML5、CSS3、ES6、Ajax、JS的Touch事件等技術(shù)開發(fā)一款移動端的web閱讀器。閱讀器有個性化的閱讀設(shè)置,并且會通過Html5的Localstorage把設(shè)置的背景顏色、字體大小等信息儲存在本地。閱讀器的文章內(nèi)容是通過Ajax異步讀取后臺Json數(shù)據(jù),并渲染html來完成最終顯示效果。
根據(jù)慕課網(wǎng)遠人老師的HTML5移動web App閱讀器的課程,我制作了此閱讀器作品,運用了html5、css3,JavaScript;雖然這是我是我第一次參加實戰(zhàn)項目的訓(xùn)練,但是收獲卻很多。由于時間緊迫且服務(wù)器通信的相關(guān)知識我并不了解,只是實現(xiàn)了頁面的結(jié)構(gòu)操作等,所以并不完美。作品地址:http://read.t.imooc.io/。