自學所有前端技術,一款社區APP的制作,主要功能為社區鄰里之間的互動,互助,和社區購物等。
自學了幾個月,想要進入全新的領域,做了一些項目,請指導(上傳大小有限,有些項目就刪了,播放的歌曲和背景圖片也刪了,請見諒)
在出去吃飯點餐的時候,就想是不是可以直接做網頁版的訂餐的小軟件。在學習完HTML5新增的本地數據庫之后,我覺得這個小軟件應該是可以實現的,于是說干就干。目前主要實現以下功能: 1.在第一次打開網頁的時候沒有檢測到有菜單信息就進入配置頁面,添加新菜單, 2.菜單可以添加圖片,菜名,價格等信息。圖片采用的URL格式存儲, 3.實現了菜單信息的增、刪、改、查。 4.在訂餐頁面鼠標點擊一個菜品將自動添加到訂單中,訂單號按日期自動生成。 5.在訂單部分,鼠標移動上去提示移除本菜品,另外還有價格計算,找零功能。 6.在訂單確認之后,將訂單數據保存到數據庫中。
響應式布局,小于760px人物圖片被人民替代,使用bootstrap制作輪播圖片;圖片來自wallhaven。
案例選擇界面,有4種模式可供選擇,分別是元素周期表、球形、螺旋形狀、矩形,將案例按照這四種形狀依次展開,利用html5+css3和一些算法實現圖形變換。
版本一:模仿百度首頁制作的簡單網頁,可以實現搜索功能,并且能夠切換搜索引擎。 版本二:應用百度搜索推薦API,使用 JSONP 獲取搜索結果,界面設計更加嚴謹。
北京磊友信息科技有限公司是中國最早從事HTML5游戲開發的企業,也是HTML5技術的先行者。目前專注于用HTML5技術在移動社交網絡上提供輕游戲云平臺服務, 為玩家,商戶和開發者提供新媒體游戲化營銷解決方案。 “磊友”網站的項目搭建主要是為了能夠在線上完成與用戶的對接;搭建本網站主要通過DOM節點操作、表達作假以及各個插件的引入完成基本樣式的搭建以及各種效果的實現; 在結構方面,通過合理使用標簽使其更具與異性,加強搜索性能。通過共用效果的函數封裝,比如自定義滾動條,DOM節點的操作來精簡標簽結構,加強網頁讀取速讀。
“Imooc-Store”購物網,是以現有交易網為依據;慕課網提供的“PSD”圖為模版,設計并制作成的交易網站。其網站有:首頁、購物車、訂單頁、商品分類等。為用戶提供一個在線支付、線下交易的網絡交易平臺;真正意義上的,為用戶提供一個安全、便捷、快速的網絡交易網站!
此作品是由個人寫的一個強交互的博客系統,和傳統的博客系統有所不同,并帶有音樂播放,在寫博客的時候能聽聽音樂放松。主要采用前端采用HTML/CSS,jQuery技術。后端使用Python,Mysql(但由于后端自己還在修改中,沒有提交上來,所以此作品現在暫時只有前端,頁面中內容是自己隨便填充,不代表真實內容),demo:http://121.42.169.254/
在看到慕課網的公告后,就開始著手準備這個站點。從學習vue.js和webpack到發布這個還有一些bug的網站,總共花了一個星期= =。
以簡潔為目標,做一個設計好又有料的網站。 在對一般博客審美疲勞的時候,一個集設計與內容于一身的網站顯得尤為出彩。這也是我做這個網站的初衷。