項(xiàng)目描述:本項(xiàng)目是一個(gè)促銷商品推薦網(wǎng)站的移動(dòng)APP,使用vue+webpack構(gòu)建的單頁(yè)面應(yīng)用,項(xiàng)目采用了vuex、vue-route、vue-resource以及ES6語(yǔ)法,采用組件化思想搭建整個(gè)項(xiàng)目,從而使組件高度復(fù)用,代碼十分簡(jiǎn)潔。
崗位職責(zé):主要負(fù)責(zé)項(xiàng)目頁(yè)面的布局和數(shù)據(jù)渲染,完成與后端的接口對(duì)接,配合后端的對(duì)接聯(lián)調(diào),解決不同瀏覽器或者不同手機(jī)端頁(yè)面布局錯(cuò)亂的問(wèn)題。
項(xiàng)目架構(gòu):
1.使用vue框架,以及vue-router構(gòu)建單頁(yè)面應(yīng)用。
2.使用vue+webpack構(gòu)建項(xiàng)目環(huán)境。
3.采用手機(jī)淘寶適配方案。
4.使用阿里矢量圖標(biāo)庫(kù)。
技術(shù)要求:
1.基于webpack來(lái)搭建項(xiàng)目工程,配置第三方插件;
2.使用vue框架,vue-router搭建項(xiàng)目路由,vuex來(lái)實(shí)現(xiàn)單文件組件和數(shù)據(jù)的抽離
3.使用Swiper實(shí)現(xiàn)首頁(yè)banner的輪播切換,iscoll結(jié)合ajax實(shí)現(xiàn)上拉加載,下拉刷新
4.合理使用鉤子函數(shù),實(shí)現(xiàn)數(shù)據(jù)的監(jiān)聽(tīng)、渲染頁(yè)面、頁(yè)面節(jié)點(diǎn)的實(shí)例化功能。