JScharts是一個用于在瀏覽器直接繪制圖表的JavaScript工具包。JScharts支持柱狀圖、圓餅圖以及線性圖,可以直接將這個圖插入網頁,JScharts圖的數據可以來源于XML文件、JSON文件或JavaScript數組變量。
HTML5 Boilerplate 幫你構建 快速, 健壯, 并且 適應力強 的web app或網站。 這個小小的源碼包集合了100位開發者的經驗,你可以將這些經驗運用在你的項目中。
Highcharts可以為您的網站或Web應用程序提供直觀,互動式的圖表。目前支持線,樣條,面積,areaspline,柱形圖,條形圖,餅圖和散點圖類型。
此作品仿照小米官網按照我自己的想法實現的一個商城應用。 目前實現了前臺的功能,主要有登錄注冊,商品展示,購物車等模塊。為了日后的完善和擴展, 我采用了前后端分離的架構設計。前端使用ui-router構建頁面路由, 通過使用指令,服務,模板,控制器完成前端的MVC分層,各個模板頁面則使用基本的HTML/CSS3等技術, 結合JS完成頁面的基本交互效果。由于沒有數據庫, 項目的測試數據是JSON格式的數據文件,通過AJax請求完成整個前臺功能的數據交互, 后期再考慮實現一個管理系統及數據庫,還有前端頁面資源的異步加載及性能優化。作品演示地址:weboey.github.io/XiaoMiStore
我自己寫的個人網頁作品,本打算寫成響應式的,但因為有點事暫時不想弄了,這是初級版本,已在www.loserhua.com上線,后期還會一直完善,努力學習中。。。
項目地址: http://119.29.198.184/ 影院前線是一個快速獲取電影下載資源的網站 ,項目采用NodeJS+MongoDB,同時支持PC端和移動端。 主要數據來源于豆瓣,是在Node建站課程基礎之上完善的,加入了自己的設計和其它新的功能,移動端使用SUI框架來進行搭建。
這個作品是我在慕課網購買HTML5 移動Web App閱讀器實戰時開發的,學習了基本的前端開發流程,苦逼的我還在小公司打拼,沒有基本的前端開發流程,想法-原型-設計-開發-測試-上線,沒有用戶體驗,學習后我知道我在一個項目中的地位,該做什么,什么的交往解讀,設計解讀,我一直都是拿到設計直接開工寫代碼,沒有整體的思路,流水線式的開發,更不知道什么模塊化開發,可復用的代碼,學習HTML5 移動Web App閱讀器這個實戰,我知道,什么是模塊化開發,編寫可復用的代碼,怎樣的開發思路,知道了性能優化,等等,獲益匪淺 。
使用html+css對網站進行布局,輪播圖使用jquery插件/原生js進行編寫,用到圓角等少量的css3和html5。
自學所有前端技術,一款社區APP的制作,主要功能為社區鄰里之間的互動,互助,和社區購物等。