JScharts是一個(gè)用于在瀏覽器直接繪制圖表的JavaScript工具包。JScharts支持柱狀圖、圓餅圖以及線性圖,可以直接將這個(gè)圖插入網(wǎng)頁(yè),JScharts圖的數(shù)據(jù)可以來(lái)源于XML文件、JSON文件或JavaScript數(shù)組變量。
HTML5 Boilerplate 幫你構(gòu)建 快速, 健壯, 并且 適應(yīng)力強(qiáng) 的web app或網(wǎng)站。 這個(gè)小小的源碼包集合了100位開(kāi)發(fā)者的經(jīng)驗(yàn),你可以將這些經(jīng)驗(yàn)運(yùn)用在你的項(xiàng)目中。
Highcharts可以為您的網(wǎng)站或Web應(yīng)用程序提供直觀,互動(dòng)式的圖表。目前支持線,樣條,面積,areaspline,柱形圖,條形圖,餅圖和散點(diǎn)圖類型。
后端基于ThinkPHP框架,前端基于Bootstrap,練手娛樂(lè)作品; github:https://github.com/b228175006/SmallCrm
此作品仿照小米官網(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
使用bootstrap、html、css3完成建筑性公司的網(wǎng)頁(yè)模板,以藍(lán)色為主,仿造織夢(mèng)模板的布局進(jìn)行設(shè)置。
html5中canvas標(biāo)簽制作小游戲,運(yùn)用體積碰撞,池,幀等實(shí)現(xiàn)
我自己寫(xiě)的個(gè)人網(wǎng)頁(yè)作品,本打算寫(xiě)成響應(yīng)式的,但因?yàn)橛悬c(diǎn)事暫時(shí)不想弄了,這是初級(jí)版本,已在www.loserhua.com上線,后期還會(huì)一直完善,努力學(xué)習(xí)中。。。
以中國(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)工寫(xiě)代碼,沒(méi)有整體的思路,流水線式的開(kāi)發(fā),更不知道什么模塊化開(kāi)發(fā),可復(fù)用的代碼,學(xué)習(xí)HTML5 移動(dòng)Web App閱讀器這個(gè)實(shí)戰(zhàn),我知道,什么是模塊化開(kāi)發(fā),編寫(xiě)可復(fù)用的代碼,怎樣的開(kāi)發(fā)思路,知道了性能優(yōu)化,等等,獲益匪淺 。
使用html+css對(duì)網(wǎng)站進(jìn)行布局,輪播圖使用jquery插件/原生js進(jìn)行編寫(xiě),用到圓角等少量的css3和html5。
從界面的設(shè)計(jì),到頁(yè)面的搭建,再到動(dòng)態(tài)效果的展示。
沒(méi)辦法,感覺(jué)磁貼真的很漂亮,所以就在網(wǎng)頁(yè)中實(shí)現(xiàn)啦
個(gè)人網(wǎng)站的功能主要有游客對(duì)日志、相冊(cè)、評(píng)論的瀏覽和評(píng)論,博主對(duì)日志、相冊(cè)的增加、修改和刪除,博主對(duì)評(píng)論的刪除。
自學(xué)所有前端技術(shù),一款社區(qū)APP的制作,主要功能為社區(qū)鄰里之間的互動(dòng),互助,和社區(qū)購(gòu)物等。