Yuju Hsu

Experience

• 

  家樂福

  Apr 2018 - Aug 2018

  美編
• 

  大衛兄弟

  Jun 2019 - Jun 2020

  Frontend Engineer

  多個手機版及電腦版網站:＊多獨立完成＊技術：vue-cli、vue2、vuex、scss、vue-router1.多使用vant、element ui框架完成畫面2.對接遊戲平台api3.vuex處理客戶登入資料4.使用vue的導航守衛防止用戶端在未登入情況下進入會員專區5.使用AOS-Animate完成手機版滑動動畫6.使用vue transition完成桌機版網頁動畫7.使用i18n處理多國語系客服聊天機器人企劃＊獨立製作1.使用adobe XD完成介面設計2.製作wireframe流程圖

• 

  百阜科技

  Aug 2020 - Aug 2021

  Frontend Engineer

  手機版論壇網站h5:＊與1位夥伴合作，專案陸續新增不同功能及維護＊技術：uniapp、vue2、vuex、scss1.vue2搭配uniapp框架撰寫，專案內容藉由vue原生生命週期，及uniapp提供生命週期搭配撰寫2.首頁瀑布式無限下拉功能撰寫，利用uniapp提供api偵測使用者下拉距離，實現無限下拉功能3.利用生命週期解決safari異步取得api後無法直接複製的問題4.與後端合作，協調使用vuex及setStorageSync時效性解決論壇高峰期高負載問題5.其他components元件製作及api串接客製化廣告網頁後台：＊前期與1位夥伴合作，後期獨立製作＊技術：vue-cli、vue2、vuex、stylus、vue-router、axios、vuetify1.使用vuedraggable實踐區塊拖拉功能2.使用cropper.js，撰寫圖片縮放及預覽功能3.使用ckeditor，撰寫文黨區塊編輯功能4.搭配vuex輸出所需要的資料格式傳遞至後端儲存客戶所編輯的資料手機版論壇網站app:＊協助1位夥伴改版react-native製作的app，ios版本重構1.專案大部分使用react class component製作，少部分使用react hook components2.協助修改畫面，元件更動使用styled-components方式修改樣式3.使用ScrollView撰寫下拉資料畫面論壇後台管理web：＊協助2位夥伴維護修改react客製化後台1.使用react hook components方式撰寫2.串接api修改客製化浮動對聯客戶單頁式網頁廣告：1.使用原生html、javascript Show less

• 

  全聯實業股份有限公司

  Feb 2022 - Jun 2023

  Frontend Engineer

  pxpay隔日達-前台：＊與1位夥伴合作，專案從無到現在不到短短1年，每日營業額高達200萬以上，目前持續增長中＊技術：vue2、nuxt、tailwind1.利用Intersection Observer API，在活動頁及首頁實現無限捲軸加載，及達到Lazy Loading的效果2.在某不需要即時更新的頁面使用keep alive讓網頁的效不用一直耗損，也能提升使用者在返回頁面時回到原本預覽畫面的位置3.利用nuxt的ssr特性，在asyncData取得商品重要資訊達到SEO搜尋引擎優化4.使用google analytics埋碼，搜集專案產品的資訊，以利後續公司產品推廣產品5.利用vuex管理全局共用的異步方法，及資料存取6.利用導航守衛控制登入前登入後的會員資料存取7.製作購物車功能，更換品項，變更數量，優惠券計算，小記金額計算pxpay隔日達-後台：＊與1位夥伴合作＊技術：vue3、typescript、tailwind、pinia、elementUi1.與後端api配合路徑管理，讓不同權限的使用者去到相對應的功能頁面2.利用postMessage api搭配嵌入前台ifram，實現使用者能在後台編輯時預覽預期前台畫面的功能3.利用vuedraggable實踐表單拖拉功能4.利用pinia存取頁面溝通資料5.製作彈性的元件讓專案日後更好維護，及提升效率6.製作客製化頁面功能例如：活動頁客製化模塊，提升使用者編輯效率 Show less