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