2.熟練掌握原生JavaScript API,操作DOM BOM實(shí)現(xiàn)常見的應(yīng)用開發(fā)
3.熟練掌握Ajax網(wǎng)絡(luò)請(qǐng)求的知識(shí),利用原生Ajax對(duì)Ajax" />
1.熟練掌握HTML,CSS等知識(shí),能夠通過UI設(shè)計(jì)稿快速搭建出靜態(tài)頁(yè)面結(jié)構(gòu)
2.熟練掌握原生JavaScript API,操作DOM BOM實(shí)現(xiàn)常見的應(yīng)用開發(fā)
3.熟練掌握Ajax網(wǎng)絡(luò)請(qǐng)求的知識(shí),利用原生Ajax對(duì)Ajax請(qǐng)求進(jìn)行過封裝,了解JSONP的跨域請(qǐng)求以及JSONP的原理
4.熟練使用Vue前端技術(shù)棧(Vue.js、Vue-Router、Vuex、Axios、Vue-cli)進(jìn)行項(xiàng)目開發(fā)
5.熟練掌握Promise,await, async try catch 等異步操作的知識(shí),閉包、繼承等特性,以及箭頭函數(shù),繼承等ES6的基本語法
6.熟練使用Element UI、Vant前端組件庫(kù)
7.熟練掌握移動(dòng)端的flex布局,rem布局,響應(yīng)式布局等布局技術(shù),能夠利用這些技術(shù)快速搭建出移動(dòng)端的界面,熟練使用less,scss等css編譯器,
8.了解移動(dòng)端的多種動(dòng)畫原理,常見特效,小程序,ECHarts
9.熟練地使用Git版本管理工具
10.10.了解node.js基本語法和MySQL數(shù)據(jù)庫(kù)
11.熟練掌握react
項(xiàng)目一:
項(xiàng)目名稱:生鮮匯
項(xiàng)目介紹:為順應(yīng)時(shí)代潮流,很多電商網(wǎng)站運(yùn)營(yíng)而生,該項(xiàng)目就是一個(gè)綜合性的B2C平臺(tái),類似于京東商城、天貓商城。用戶可以瀏覽商品,加入購(gòu)物車,登錄用戶可以下訂單,評(píng)價(jià)商品等
技術(shù)棧:Vue.js、Vue-Router、Vuex、Axios、Vue-cli
負(fù)責(zé)內(nèi)容: 首頁(yè)模塊、登錄模塊、詳情模塊、分類模塊和購(gòu)物車模塊
技術(shù)實(shí)現(xiàn):
1.首先該項(xiàng)目對(duì)axios請(qǐng)求進(jìn)行了封裝,利用axios.create方法對(duì)基礎(chǔ)地址,接口請(qǐng)求超時(shí)時(shí)間進(jìn)行了配置還在axios請(qǐng)求中封裝了請(qǐng)求攔截器和響應(yīng)攔擊器,在響應(yīng)攔截器中對(duì)登錄超時(shí)做了處理,登錄超時(shí)后,跳轉(zhuǎn)到登錄頁(yè)
2.在首頁(yè)模塊實(shí)現(xiàn)了導(dǎo)航欄、輪播圖、和商品圖片信息的展示,抽離封裝了導(dǎo)航欄組件和輪 播圖組件
2在分類模塊中封裝了導(dǎo)航的展示,實(shí)現(xiàn)了點(diǎn)擊導(dǎo)航欄實(shí)現(xiàn)路由的跳轉(zhuǎn),封裝了面包屑導(dǎo)航組件,還解決了路由的緩存問題
3.在二級(jí)分離模塊實(shí)現(xiàn)了商品列表的展示和動(dòng)態(tài)查詢,實(shí)現(xiàn)了tab欄的切換
4.在商品詳情模塊實(shí)現(xiàn)了商品詳情數(shù)據(jù)的渲染和button組件的封裝
5.實(shí)現(xiàn)了登錄模塊和突出登錄的功能,實(shí)現(xiàn)了VueX統(tǒng)一管理用戶數(shù)據(jù)
6.在購(gòu)物車模塊實(shí)現(xiàn)了VueX統(tǒng)一管理數(shù)據(jù),實(shí)現(xiàn)了購(gòu)物車的添加、刪除、單選、多選、修改數(shù)量的功能
項(xiàng)目二:
項(xiàng)目名稱:內(nèi)部員工管理系統(tǒng)(PC)
項(xiàng)目介紹:該項(xiàng)目是人力資源管理系統(tǒng),對(duì)企業(yè)內(nèi)部員工進(jìn)行管理和權(quán)限控制,項(xiàng)目一共分為登錄模塊,主頁(yè)模塊,組織架構(gòu),角色管理,員工管理,員工詳情,權(quán)限點(diǎn)管理
技術(shù)棧:Vue.js、Vue-Router、Vuex、Axios、Vue-cli ,組件庫(kù)element-UI
負(fù)責(zé)內(nèi)容 : 登錄模塊,組織架構(gòu)模塊,角色管理模塊,員工詳情模塊,權(quán)限管理
技術(shù)實(shí)現(xiàn) :
1.該項(xiàng)目基于Element ui組件進(jìn)行開發(fā),整體架構(gòu)是基于Vue-admin-template 進(jìn)行 二次開發(fā)
2.使用vue-router實(shí)現(xiàn)路由管理,對(duì)路由進(jìn)行了動(dòng)態(tài)和靜態(tài)的拆分再組合,封裝了路 由的前置守衛(wèi)組件,當(dāng)用戶跳轉(zhuǎn)頁(yè)面的時(shí)候?qū)崿F(xiàn)用戶的權(quán)限控制
3.通過RBAC(基于角色權(quán)限控制)設(shè)計(jì)思想實(shí)現(xiàn)不同級(jí)別用戶訪問到的頁(yè)面菜單不同。
4.使用VueX實(shí)現(xiàn)用戶權(quán)限數(shù)據(jù)和用戶基本資料數(shù)據(jù)及全局狀態(tài)數(shù)據(jù)管理
5.單獨(dú)封裝axios為獨(dú)立模塊,使用axios.defaults.baseURL配置基準(zhǔn)地址,以及a xios二次封 裝,使用async/await, 在vuecreated生命周期函數(shù)中進(jìn)行數(shù)據(jù)請(qǐng)求
6.使用localStorage中持久化存儲(chǔ)VueX中 token,xxx的數(shù)據(jù)
7.基于vue自定義分頁(yè)組件,在數(shù)據(jù)頁(yè)面進(jìn)行翻頁(yè)數(shù)據(jù)刷新、通過vue的指令v-model完成數(shù)據(jù)綁定,props進(jìn)行父子通信,表單校驗(yàn),進(jìn)度條。
8.封裝了樹形數(shù)據(jù)處理文件,在開發(fā)組織架構(gòu)頁(yè)面的時(shí)候?qū)蠖朔祷氐臄?shù)據(jù)進(jìn)行了樹形 數(shù)據(jù)的處理
9.角色管理模塊,利用Vue中的插槽技術(shù)實(shí)現(xiàn)了標(biāo)簽和數(shù)據(jù)的渲染
10.權(quán)限控制:獲取某個(gè)用戶已有的權(quán)限,利用filter方法過濾出用戶已有權(quán)限的路由,利用addRoutes方法動(dòng)態(tài)的添加到路由表中
項(xiàng)目三:
項(xiàng)目名稱:北海新聞(移動(dòng)端)
項(xiàng)目描述:該項(xiàng)目為新聞?lì)惖木W(wǎng)站,分為登錄模塊,首頁(yè)模塊,搜索模塊,欄目管理模塊,文章列表模塊,文章評(píng)論模塊
技術(shù)棧:vant組件庫(kù),rem+flexible.js適配,axios網(wǎng)絡(luò)請(qǐng)求庫(kù),Vue全家桶(vue-cli,vue-router,vuex,)
負(fù)責(zé)內(nèi)容:登錄模塊,首頁(yè)模塊,搜索模塊,欄目管理模塊,文章列表模塊,文章評(píng)論模塊
項(xiàng)目職責(zé):
1.該項(xiàng)目中是基于vant組件庫(kù)進(jìn)行開發(fā)的,實(shí)現(xiàn)了vant組件庫(kù)樣式的定制
2.利用postcss-pxtorem和amfe-flexible實(shí)現(xiàn)了rem適配
3.封裝了axios請(qǐng)求,利用awaitTo技術(shù)實(shí)現(xiàn)了請(qǐng)求error的捕獲
4.登錄模塊利用VueX和本地存儲(chǔ)進(jìn)行token的數(shù)據(jù)管理
5.首頁(yè)模塊利用vant組件庫(kù)中van-pull-refresh和van-list實(shí)現(xiàn)了數(shù)據(jù)列表上拉加載和下拉刷新,利用dayjs封裝了時(shí)間處理函數(shù),對(duì)時(shí)間做了處理
6.搜索模塊對(duì)搜索輸入框進(jìn)行了防抖和自動(dòng)聚焦處理,利用replace方法對(duì)搜索關(guān)鍵字進(jìn)行了高亮處理
7.欄目管理:利用數(shù)組的filter方法和findindex方法對(duì)未選頻道進(jìn)行過濾處理
8.文章列表模塊對(duì)文章列表進(jìn)行了組件的封裝, 大數(shù)處理