? 熟練使用ES6，如箭頭函數(shù)、es6模板引擎、擴(kuò)展運(yùn)算符以及Promise；
? 熟悉jquery、better-scroll、Swiper、boot" /> 全免费a级毛片免费看网站,亚洲巨乳自拍在线视频,国产又大又硬又粗

成人影片麻豆国产影片免费观看_成人无码网www在线观看_国产激情精品一区二区三区_中文字幕无码av波多野吉衣_欧美日韩国产码高清综合人成

猿急送>

杭州前端兼職程序員

ID：299837

大俠身份已認(rèn)證

前端高級(jí)工程師

公司信息：
高德

工作經(jīng)驗(yàn)：
3年

兼職日薪：
800元/8小時(shí)

兼職時(shí)間：
下班后
周六
周日

所在區(qū)域：
杭州
濱江

技術(shù)能力

? 熟練掌握HTML5、CSS3，熟練應(yīng)用sass和less等預(yù)編譯；
? 熟練使用ES6，如箭頭函數(shù)、es6模板引擎、擴(kuò)展運(yùn)算符以及Promise；
? 熟悉jquery、better-scroll、Swiper、bootStrap、echarts等第三方類(lèi)庫(kù)；
? 使用mysql fastmock mockJs進(jìn)行數(shù)據(jù)模擬，采用ajax、axios、fetch方式實(shí)現(xiàn)數(shù)據(jù)請(qǐng)求及渲染，完成前后端分離開(kāi)發(fā)；
? 使用vue-cli配合vue全家桶實(shí)現(xiàn)單頁(yè)面項(xiàng)目開(kāi)發(fā)，以vue-cli4為主搭建M站框架；
? 熟練掌握element-ui、vant-ui、element-plus、antd等主流UI框架；
? 熟悉git、svn，熟練使用Git進(jìn)行代碼管理，熟悉webpack配置文件如：proxy、loader、plugin；
? 了解Node編程，了解移動(dòng)WEB的前端開(kāi)發(fā)、響應(yīng)式布局；
? 具有微信小程序開(kāi)發(fā)經(jīng)驗(yàn)；
? 熟悉react框架

項(xiàng)目經(jīng)驗(yàn)

項(xiàng)目1：暑期親子游

項(xiàng)目描述：在暑假期間為家長(zhǎng)提供一些優(yōu)質(zhì)的親子娛樂(lè)地點(diǎn)，包括門(mén)票預(yù)訂，酒店預(yù)訂，美食排行榜

職責(zé)描述：
1. 搭建項(xiàng)目目錄
2. 負(fù)責(zé)彈窗組件開(kāi)發(fā) （挽留彈窗、活動(dòng)結(jié)束彈窗、門(mén)票詳情彈窗、訂票成功彈窗、預(yù)留手機(jī)號(hào)等信息彈窗）
3. 頁(yè)面分享功能
4. 支付寶授權(quán)功能
5. 使用swiper插件實(shí)現(xiàn)首頁(yè)酒店卡片滾動(dòng)

項(xiàng)目2：附近游玩攻略

項(xiàng)目描述：用戶(hù)進(jìn)入活動(dòng)后會(huì)根據(jù)目前用戶(hù)所處于的位置，給用戶(hù)展示當(dāng)前地點(diǎn)比較出名的吃喝玩樂(lè)地點(diǎn)

職責(zé)描述：
1. 構(gòu)建項(xiàng)目目錄
2. 負(fù)責(zé)彈窗組件開(kāi)發(fā)
3. 頁(yè)面分享功能
4. 視頻模塊布局及交互，在此模塊會(huì)有一個(gè)視頻列表，包括視頻名稱(chēng)及視頻封面圖，點(diǎn)擊跳轉(zhuǎn)到視頻播放頁(yè)面播放視頻
5. titleBar區(qū)域根據(jù)滾動(dòng)區(qū)域變化展示不同文案及按鈕功能
6. 首次進(jìn)入頁(yè)面會(huì)將已展示的模塊做一個(gè)頁(yè)面展示埋點(diǎn)，使用監(jiān)聽(tīng)滾動(dòng)的方法去跟蹤某個(gè)區(qū)域是否出現(xiàn)在頁(yè)面可視區(qū)域去做相應(yīng)的埋點(diǎn)操作（活動(dòng)上線(xiàn)后在復(fù)盤(pán)代碼時(shí)，又使用瀏覽器的IntersectionObserver方法去跟蹤元素是否出現(xiàn)在可視區(qū)域，經(jīng)實(shí)踐，此方法會(huì)比使用監(jiān)聽(tīng)滾動(dòng)節(jié)約性能，后期將IntersectionObserver方法通過(guò)class類(lèi)進(jìn)行二次封裝，供組內(nèi)成員使用）

項(xiàng)目3：十一酒店盲盒

項(xiàng)目描述：以盲盒的形式的一款酒店預(yù)訂活動(dòng)，包括首頁(yè)模塊、盲盒列表模塊、訂單列表頁(yè)、訂單詳情頁(yè)以及信息預(yù)留頁(yè)面

職責(zé)描述：
1. 首頁(yè)結(jié)構(gòu)布局
2. 盲盒詳情彈窗開(kāi)發(fā)，盲盒列表頁(yè)有價(jià)格不同的盲盒貨架，每個(gè)盲盒貨架有四個(gè)商品，在點(diǎn)擊某個(gè)商品時(shí)，會(huì)彈出關(guān)于此商品的詳細(xì)信息，在彈窗中使用swiper插件，可以左右滑動(dòng)，查看此貨架不同的商品信息
3. 首頁(yè)模塊、盲盒列表模塊的跳轉(zhuǎn)交互，兩個(gè)模塊是在同一個(gè)頁(yè)面，在首頁(yè)模塊通過(guò)點(diǎn)擊不同的地點(diǎn)信息，使用scrollTo方法跳轉(zhuǎn)到盲盒列表模塊，如果當(dāng)前處于盲盒列表模塊時(shí)，點(diǎn)擊titleBar上邊的返回按鈕，會(huì)回到首頁(yè)，在首頁(yè)的話(huà)點(diǎn)擊按鈕則會(huì)退出活動(dòng)
4. 盲開(kāi)獎(jiǎng)動(dòng)畫(huà)，使用CSSanimation結(jié)合UI提供的幀動(dòng)畫(huà)實(shí)現(xiàn)一個(gè)開(kāi)盒的效果
5. 支付流程，由于從支付寶到高德地圖中間支付成功后會(huì)有一個(gè)延遲，為了解決這個(gè)問(wèn)題，和后端一起商討個(gè)解決辦法，就是做接口輪詢(xún)，后端會(huì)在返回的信息中加上最大輪詢(xún)次數(shù)以及輪詢(xún)間隔，如果在此輪詢(xún)次數(shù)范圍內(nèi)接口返回支付成功的狀態(tài)后，前端這邊停止輪詢(xún)，告知用戶(hù)支付成功，打開(kāi)開(kāi)盒彈窗；如果超過(guò)輪詢(xún)次數(shù)后支付未成功，告知用戶(hù)支付失敗，調(diào)起自動(dòng)退款接口
6. 訂單詳情頁(yè)，由訂單列表頁(yè)跳轉(zhuǎn)過(guò)來(lái)，展示訂單號(hào)（可復(fù)制訂單號(hào)功能）、房型信息、入住規(guī)則、不同狀態(tài)下展示不同的頭部文案、酒店電話(huà)（可調(diào)起直接撥號(hào)的彈窗）

項(xiàng)目4：下沉隊(duì)長(zhǎng)

項(xiàng)目描述：針對(duì)現(xiàn)有部分活躍用戶(hù)做的一個(gè)酒店預(yù)訂返現(xiàn)金的活動(dòng)

職責(zé)描述：
1. 通用配置調(diào)整，構(gòu)建項(xiàng)目結(jié)構(gòu)目錄
2. 端內(nèi)外活動(dòng)頁(yè)面整體結(jié)構(gòu)布局
3. 邀請(qǐng)好友助力，可以通過(guò)分享微信、QQ、釘釘?shù)瓤蛻?hù)端，將此用戶(hù)的token攜帶在分享鏈接上，在端外頁(yè)通過(guò)用戶(hù)token去做助力操作
4. 端外頁(yè)面助力成功彈窗，呼端功能
5. 和后端進(jìn)行聯(lián)調(diào)自測(cè)

項(xiàng)目5：內(nèi)容生產(chǎn)平臺(tái)

項(xiàng)目描述：實(shí)現(xiàn)以輔導(dǎo)書(shū)為代表的印刷物的掃描、上傳、編碼、切題、審核、驗(yàn)收。將掃描書(shū)的圖片與頁(yè)面編碼及結(jié)構(gòu)良好的管理起來(lái)；題目切片與掃描件關(guān)聯(lián)起來(lái)，以便未來(lái)題目與題目圖片與輔導(dǎo)書(shū)的頁(yè)碼關(guān)聯(lián)起來(lái)

職責(zé)描述：
6. 使用vue-cli 搭建項(xiàng)目目錄，使用Element搭建UI層
7. 使用vuex進(jìn)行模塊劃分，比如登錄成功后會(huì)調(diào)用一個(gè)userInfo的接口，獲取到當(dāng)前用戶(hù)的所有信息
8. 不同用戶(hù)所擁有的權(quán)限不同，比如切題人只有切題的權(quán)限，這個(gè)用戶(hù)登錄之后只能看到首頁(yè)和切題頁(yè)，在這個(gè)給項(xiàng)目中通過(guò)后臺(tái)返回的用戶(hù)信息去做一個(gè)動(dòng)態(tài)的menu菜單渲染，在此基礎(chǔ)上設(shè)置一個(gè)路由守衛(wèi)，避免用戶(hù)在url地址欄輸入其他頁(yè)面地址跳轉(zhuǎn)過(guò)去，會(huì)提示用戶(hù)沒(méi)有當(dāng)前頁(yè)面權(quán)限
9. 封裝axios請(qǐng)求，對(duì)請(qǐng)求和響應(yīng)做出攔截，比如在請(qǐng)求攔截中對(duì)接口添加時(shí)間戳，解決一些瀏覽器緩存問(wèn)題

項(xiàng)目6：后管平臺(tái)
項(xiàng)目描述：后管平臺(tái)分為基礎(chǔ)數(shù)據(jù)管理、用戶(hù)管理兩大模塊，基礎(chǔ)數(shù)據(jù)管理模塊包括標(biāo)簽管理、目錄管理、學(xué)校管理；用戶(hù)管理模塊分為外部賬號(hào)管理、內(nèi)部賬號(hào)管理、角色管理、權(quán)限管理
職責(zé)描述：
1. 使用vue-cli 搭建項(xiàng)目目錄，使用Element搭建UI層
2. 在這個(gè)項(xiàng)目中采用的cas登錄模式，利用后端提供的登錄接口，傳入當(dāng)前系統(tǒng)ID，后端那邊做一個(gè)重定向操作，登錄成功后再跳轉(zhuǎn)到當(dāng)前系統(tǒng)
3. 這個(gè)項(xiàng)目中

案例展示

跨境電商

項(xiàng)目分為運(yùn)營(yíng)后臺(tái)，c端平臺(tái)以及收銀臺(tái)，主要業(yè)務(wù)是提供全球支付解決方案項(xiàng)目職責(zé)： 1、使用vue3+vite+typescript進(jìn)行項(xiàng)目架構(gòu) 2、使用動(dòng)態(tài)路由區(qū)分不同國(guó)家收銀臺(tái) 3、谷歌一鍵登錄 4、全局組件設(shè)計(jì)封裝
移動(dòng)端附近游玩攻略

1、主要業(yè)務(wù)提供附近酒店、親子園、游樂(lè)場(chǎng)等門(mén)票預(yù)訂，推薦出行游玩攻略 2、高保真還原UI圖 3、多機(jī)型適配