canvas在2d對(duì)象上擴(kuò)展方法實(shí)現(xiàn)圖片、畫(huà)布的灰階,反色效果
Highcharts可以為您的網(wǎng)站或Web應(yīng)用程序提供直觀,互動(dòng)式的圖表。目前支持線,樣條,面積,areaspline,柱形圖,條形圖,餅圖和散點(diǎn)圖類型。
video.js是一個(gè)JavaScript和CSS庫(kù),使它容易使用和構(gòu)建HTML5視頻。 這也被稱為一個(gè) HTML5視頻播放器 。 vidoe.js提供了一個(gè)通用控件 皮膚 內(nèi)置 的HTML / CSS,修復(fù)瀏覽器不一致,增加了額外的功能,比如全屏和字幕,管理后備Flash或其他當(dāng)HTML5視頻不支持回放技術(shù),并提供了一個(gè)一致的JavaScript API進(jìn)行交互的視頻。
此作品仿照小米官網(wǎng)按照我自己的想法實(shí)現(xiàn)的一個(gè)商城應(yīng)用。 目前實(shí)現(xiàn)了前臺(tái)的功能,主要有登錄注冊(cè),商品展示,購(gòu)物車等模塊。為了日后的完善和擴(kuò)展, 我采用了前后端分離的架構(gòu)設(shè)計(jì)。前端使用ui-router構(gòu)建頁(yè)面路由, 通過(guò)使用指令,服務(wù),模板,控制器完成前端的MVC分層,各個(gè)模板頁(yè)面則使用基本的HTML/CSS3等技術(shù), 結(jié)合JS完成頁(yè)面的基本交互效果。由于沒(méi)有數(shù)據(jù)庫(kù), 項(xiàng)目的測(cè)試數(shù)據(jù)是JSON格式的數(shù)據(jù)文件,通過(guò)AJax請(qǐng)求完成整個(gè)前臺(tái)功能的數(shù)據(jù)交互, 后期再考慮實(shí)現(xiàn)一個(gè)管理系統(tǒng)及數(shù)據(jù)庫(kù),還有前端頁(yè)面資源的異步加載及性能優(yōu)化。作品演示地址:weboey.github.io/XiaoMiStore
移動(dòng)商城前端頁(yè)面展現(xiàn),隨意寫的,不登大雅之堂
html5中canvas標(biāo)簽制作小游戲,運(yùn)用體積碰撞,池,幀等實(shí)現(xiàn)
用HTML5、CSS3、ES6、Ajax、JS的Touch事件等技術(shù)開(kāi)發(fā)一款移動(dòng)端的web閱讀器。閱讀器有個(gè)性化的閱讀設(shè)置,并且會(huì)通過(guò)Html5的Localstorage把設(shè)置的背景顏色、字體大小等信息儲(chǔ)存在本地。閱讀器的文章內(nèi)容是通過(guò)Ajax異步讀取后臺(tái)Json數(shù)據(jù),并渲染html來(lái)完成最終顯示效果。
我自己寫的個(gè)人網(wǎng)頁(yè)作品,本打算寫成響應(yīng)式的,但因?yàn)橛悬c(diǎn)事暫時(shí)不想弄了,這是初級(jí)版本,已在www.loserhua.com上線,后期還會(huì)一直完善,努力學(xué)習(xí)中。。。
根據(jù)慕課網(wǎng)遠(yuǎn)人老師的HTML5移動(dòng)web App閱讀器的課程,我制作了此閱讀器作品,運(yùn)用了html5、css3,JavaScript;雖然這是我是我第一次參加實(shí)戰(zhàn)項(xiàng)目的訓(xùn)練,但是收獲卻很多。由于時(shí)間緊迫且服務(wù)器通信的相關(guān)知識(shí)我并不了解,只是實(shí)現(xiàn)了頁(yè)面的結(jié)構(gòu)操作等,所以并不完美。作品地址:http://read.t.imooc.io/。
晴寶,最簡(jiǎn)潔的天氣應(yīng)用。(Build by Ionic2) 一天學(xué)習(xí)完“ionic2”的實(shí)戰(zhàn)項(xiàng)目,第二天則花一天開(kāi)發(fā)完成。 github:https://github.com/airingursb/sunnybaby,詳情可見(jiàn)README。 目前,該項(xiàng)目已獲60個(gè)star,16個(gè)fork。
以中國(guó)人民大學(xué)為題材做的一個(gè)首頁(yè)
項(xiàng)目地址: http://119.29.198.184/ 影院前線是一個(gè)快速獲取電影下載資源的網(wǎng)站 ,項(xiàng)目采用NodeJS+MongoDB,同時(shí)支持PC端和移動(dòng)端。 主要數(shù)據(jù)來(lái)源于豆瓣,是在Node建站課程基礎(chǔ)之上完善的,加入了自己的設(shè)計(jì)和其它新的功能,移動(dòng)端使用SUI框架來(lái)進(jìn)行搭建。
這個(gè)作品是我在慕課網(wǎng)購(gòu)買HTML5 移動(dòng)Web App閱讀器實(shí)戰(zhàn)時(shí)開(kāi)發(fā)的,學(xué)習(xí)了基本的前端開(kāi)發(fā)流程,苦逼的我還在小公司打拼,沒(méi)有基本的前端開(kāi)發(fā)流程,想法-原型-設(shè)計(jì)-開(kāi)發(fā)-測(cè)試-上線,沒(méi)有用戶體驗(yàn),學(xué)習(xí)后我知道我在一個(gè)項(xiàng)目中的地位,該做什么,什么的交往解讀,設(shè)計(jì)解讀,我一直都是拿到設(shè)計(jì)直接開(kāi)工寫代碼,沒(méi)有整體的思路,流水線式的開(kāi)發(fā),更不知道什么模塊化開(kāi)發(fā),可復(fù)用的代碼,學(xué)習(xí)HTML5 移動(dòng)Web App閱讀器這個(gè)實(shí)戰(zhàn),我知道,什么是模塊化開(kāi)發(fā),編寫可復(fù)用的代碼,怎樣的開(kāi)發(fā)思路,知道了性能優(yōu)化,等等,獲益匪淺 。
從界面的設(shè)計(jì),到頁(yè)面的搭建,再到動(dòng)態(tài)效果的展示。