1. 程式人生 > >專案實戰---模擬站酷網站

專案實戰---模擬站酷網站

開發工具:WebStorm

專案描述:本專案是根據站酷(https://www.zcool.com.cn/)的佈局樣式/互動效果等作為依據模擬開發的一個實戰專案;

     主要模擬開發了首頁,發現,同城等頁面;

     實現的效果主要有:導航條下拉選單,圖片輪播,圖片無縫滾動,頁面資料用vue動態渲染,監聽頁面滾動實現導航條吸頂,

              點選換一換實現內容切換,基於Element元件實現內容分頁,表單驗證等;

專案總結:通過這次的專案實戰,極大的加強了網頁中部分特效的實現邏輯,

     加深對JQuery的理解與動手能力;

     加深對vue,element的理解與動手能力;

     對開發網站的流程,上手的速度又上了一個臺階;

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

效果如下:

首頁