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