Create|發掘無限創作可能
創作目的
這是一個集合了大家創意的網站。在這裡，我們可以看到參與Web前端開發這門課的同學們的心血，看到他們的成長，看到他們的熱愛，看到他們的無限創意！雖然這個展示站點是如此簡陋，但是同學們的站點卻是如此豐富而充滿創造力的，希望大家盡情欣賞吧！
結構功能
- 提交作品
- 展示所有作品，包括展示詳情頁
- 展示作品排行榜，對作品按讚
- 收藏喜歡的作品
技術細節
- 透過監聽瀏覽器視窗大小實現首頁banner圖片始終全螢幕
- 透過監聽滾動位置實現導覽列的改變
- 佈局：position+float傳統佈局方式，含有一些display：inline-block和清除浮動等tricks
- 圖示採用iconfont
- -webkit-scrollbar樣式改變了捲動欄，使網頁更美化
- 利用偽類實現排行榜上的一些效果
- 對卡片的邊緣做了一些滑動變色效果
- 實現了整站頁面的模板化，透過ajax獲取模板內容，渲染到頁面上
- 使用location來取得當前url參數，實現不同頁面採用不同模板和一些特定效果，該效果僅用一個函數可實現，參數為模板名
- 用js控制一些效果的display屬性，在我的收藏欄實作一些特定效果
- 提交頁面用潛入submit.php（用bootstrap實現表單的樣式效果），提交至資料庫，再由getdata.php取出並產生json字串
- 在網站取得資料時採用ajax同步方式取得getdata.php的json字串，同時循環取出json字串時使用了遞歸呼叫以解決使用ajax造成了一些非同步問題
- 使用sessionstorage來儲存取回的數據
- 在排行榜頁面實現了一個按star值排序函數
- 在模板中嵌入佔位符，從而將取回的資料放置在正確的地方
- 對於詳情頁，透過一個函數來獲取url參數從而實現不同的帳號顯示不同的詳情頁
