熟悉react全家桶(react+redux+react-router+axios)框架使用" />
熟悉vue全家桶(vue-cli,vueRouter,Axios,Vuex)輕量級(jí)前端框架的使用,熟悉vue3新特性 熟悉pinia使用;
熟悉react全家桶(react+redux+react-router+axios)框架使用;
熟悉TypeScript類型約束,熟練掌握ts在項(xiàng)目中的運(yùn)用(接口, 泛型)
掌握localStorage,sessionStorage等前端存儲(chǔ)方案從而降低http請(qǐng)求,提升用戶體驗(yàn);
根據(jù)ui設(shè)計(jì)圖 ,快速使用html css 還原頁面 并且編寫好基本的js代碼
項(xiàng)目開發(fā)中多次使用element-ui, vantui, AntDesign等UI框架高效開發(fā)
熟練使用flex彈性布局,熟悉less,scss等前端預(yù)處理器語言
熟悉前端模塊化,編寫符合規(guī)范,穩(wěn)定性強(qiáng),易于維護(hù)的前端代碼;
熟練使用git管理代碼,實(shí)現(xiàn)快捷開發(fā);
工作中復(fù)用的組件或工具函數(shù)會(huì)進(jìn)行適當(dāng)封裝
了解node.js后端開發(fā)技術(shù),利用其搭建簡單的服務(wù)器, 對(duì)小程序有一定的了解
了解前端構(gòu)架工具webpack和vite的使用
項(xiàng)目名稱: ota招募(h5項(xiàng)目)
技術(shù)架構(gòu): Vue3+colorUi+VueRouter+ Axios + pinia + ts
項(xiàng)目介紹: 給想優(yōu)先體驗(yàn)新功能和服務(wù)的用戶提供內(nèi)測(cè)版本, 以用戶的需求和標(biāo)準(zhǔn)作為產(chǎn)品的改進(jìn)方向,收集用戶反饋, 并及時(shí)修改,提高用戶體驗(yàn)
個(gè)人職責(zé):
1. 根據(jù)需求和設(shè)計(jì)稿進(jìn)行代碼編寫及頁面的布局
2. 主要負(fù)責(zé)整個(gè)項(xiàng)目的升級(jí)開發(fā)及維護(hù)
3. 獨(dú)立搭建符合規(guī)范的項(xiàng)目腳手架,包括eslint pritter stylelint husky等
4. 負(fù)責(zé)頁面交互 , 實(shí)現(xiàn)頁面之間的跳轉(zhuǎn)
5. 負(fù)責(zé)手機(jī)和平板的頁面適配
6.主要負(fù)責(zé)活動(dòng)介紹, 參與攻略, 常見問題, 活動(dòng)詳情, 更新日志, 預(yù)約申請(qǐng)信息等頁面的實(shí)現(xiàn)
技術(shù)要點(diǎn):
1.使用Vue+colorUi框架實(shí)現(xiàn)基本的頁面布局 , 使用vue-router 實(shí)現(xiàn)頁面的跳轉(zhuǎn)
2.通過window.orientation判斷設(shè)備橫豎屏來適配對(duì)應(yīng)的頁面
3.通過獲取客戶端的參數(shù)判斷設(shè)備類型(手機(jī),平板)實(shí)現(xiàn)頁面的適配
4.封裝axios,通過request攔截器在每個(gè)請(qǐng)求頭里面攜帶token,創(chuàng)建response攔截器統(tǒng)一處理后端返回 的狀態(tài)碼
5.引入i18n實(shí)現(xiàn)多語言之間的切換
6.引入暗黑模式實(shí)現(xiàn)頁面暗色與亮色之間的切換
7.使用Ts進(jìn)行類型約束
8.在嘗鮮申請(qǐng)頁面獲取招募活動(dòng)數(shù)據(jù),使用pinia存儲(chǔ)接口返回的數(shù)據(jù),在活動(dòng)介紹界面獲取pinia中數(shù)據(jù)
項(xiàng)目名稱: 盤古門戶(后臺(tái)管理)
技術(shù)架構(gòu):React+AntDesign+ react-redux+ axios
項(xiàng)目介紹:是一款后臺(tái)管理系統(tǒng),主要包含用戶管理 ,角色管理 , 菜單管理 , 文件上傳 , 操作日志,流量控制等模塊
個(gè)人職責(zé):
1.根據(jù)產(chǎn)品需求和設(shè)計(jì)稿確定使用前端的技術(shù),實(shí)現(xiàn)后臺(tái)系統(tǒng)的整體布局
2.負(fù)責(zé)用戶管理 , 角色管理 , 菜單管理 , 文件上傳 , 操作日志 等模塊的代碼編寫及頁面的實(shí)現(xiàn)
3.負(fù)責(zé)頁面交互效果 , 完成頁面跳轉(zhuǎn)等邏輯
4.使用git進(jìn)行模塊的提交與合并
技術(shù)要點(diǎn):
1.封裝axios,支持請(qǐng)求攔截,響應(yīng)攔截,超時(shí)等功能
2.為了減少請(qǐng)求,搜索時(shí)使用防抖優(yōu)化
3.封裝組件, 利于后期的維護(hù)與復(fù)用
4.用戶登錄時(shí)進(jìn)行權(quán)限的判斷,動(dòng)態(tài)生成對(duì)應(yīng)權(quán)限的路徑
5.模塊化react-redux和異步的解決方案redux-thunk及其高級(jí)封裝