現職web前端工程師,熱愛解決問題與優化產品效能。 目前以vue.js開發為主,持續於前端領域發展,樂於嘗試新技術。
: [email protected] : +886 920-701-811
四月 2021 - 現在
Taipei, Taiwan
依照UI設計圖進行css刻板與vue框架實現介面操作,並依據需求與後端討論,並使用axios串接api。如需即時性資料溝通會增加webSocket串接。
主要項目包含主要入口網站之新功能開發,即時客服系統開發,一次性廣告頁面製作,以及所有當前營運項目的前端代碼維護。
九月 2016 - 五月 2020
Taipei, Taiwan
負責HP commercial laptop keyboard module NPI階段設計開發與量試驗證。包含客戶的規格確認, 繪製產品設計圖, 供應商的模具檢討, 試產的製程良率改善方法,確保每次改善驗證的結果與schedule。
曾於三人RD團隊開發第一代HP Elite Dragonfly laptop ultra light keyboard module。以鎂合金板件搭配模內射出取代鋁合金板件,較常規機種減重20%。
2010 - 2014
擔任滑板社副社長 [2011]
Jun 2020 - Jan 2021
使用者可推文、按讚、追蹤他人,並可在公開聊天室聊天。 另設有後台供管理員瀏覽使用者數據、管理刪除文章。
本專案由 ALPHA CAMP課程時的 4 人團隊運用 Vue、Express 、 和 MySQL 以兩前端, 兩後端的分離模式開發而成。 我負責前端路由規劃, component切分分工, 使用者資料頁面&後台管理頁面的切版和API串接,以及UX體驗優化。
使用bootstrap + 部分CSS media qeury完成。
使用vue router and nest route 設計避免相同component重複載入。減少API請求次數,優化載入等待時間, 資料流量以及server loading。
使用axios串接後端API實作所有CRUD功能(登入功能,取得所有推文,新增刪除回覆推文,按讚,追隨,修改頭像, 背景圖片...等等)
使用Vuex管理使用者資料, 登入狀態, 所在頁面等等,方便高用量資料的取用,方便程式碼維護,減少重複資料請求頻率。
token機制認證使用者。
搭配socket.io解決連線控制問題。
針對開發中功能與部署版本做分支版本管控與多人協作開發。
使用trello的scrum敏捷開發框架追蹤專案進度。
Visualizing sorting algorithms. You can feel time complexity between different data sizes with different algorithm in real time. Build with vanilla JS & bootstrap.
現職web前端工程師,熱愛解決問題與優化產品效能。 目前以vue.js開發為主,持續於前端領域發展,樂於嘗試新技術。
: [email protected] : +886 920-701-811
四月 2021 - 現在
Taipei, Taiwan
依照UI設計圖進行css刻板與vue框架實現介面操作,並依據需求與後端討論,並使用axios串接api。如需即時性資料溝通會增加webSocket串接。
主要項目包含主要入口網站之新功能開發,即時客服系統開發,一次性廣告頁面製作,以及所有當前營運項目的前端代碼維護。
九月 2016 - 五月 2020
Taipei, Taiwan
負責HP commercial laptop keyboard module NPI階段設計開發與量試驗證。包含客戶的規格確認, 繪製產品設計圖, 供應商的模具檢討, 試產的製程良率改善方法,確保每次改善驗證的結果與schedule。
曾於三人RD團隊開發第一代HP Elite Dragonfly laptop ultra light keyboard module。以鎂合金板件搭配模內射出取代鋁合金板件,較常規機種減重20%。
2010 - 2014
擔任滑板社副社長 [2011]
Jun 2020 - Jan 2021
使用者可推文、按讚、追蹤他人,並可在公開聊天室聊天。 另設有後台供管理員瀏覽使用者數據、管理刪除文章。
本專案由 ALPHA CAMP課程時的 4 人團隊運用 Vue、Express 、 和 MySQL 以兩前端, 兩後端的分離模式開發而成。 我負責前端路由規劃, component切分分工, 使用者資料頁面&後台管理頁面的切版和API串接,以及UX體驗優化。
使用bootstrap + 部分CSS media qeury完成。
使用vue router and nest route 設計避免相同component重複載入。減少API請求次數,優化載入等待時間, 資料流量以及server loading。
使用axios串接後端API實作所有CRUD功能(登入功能,取得所有推文,新增刪除回覆推文,按讚,追隨,修改頭像, 背景圖片...等等)
使用Vuex管理使用者資料, 登入狀態, 所在頁面等等,方便高用量資料的取用,方便程式碼維護,減少重複資料請求頻率。
token機制認證使用者。
搭配socket.io解決連線控制問題。
針對開發中功能與部署版本做分支版本管控與多人協作開發。
使用trello的scrum敏捷開發框架追蹤專案進度。
Visualizing sorting algorithms. You can feel time complexity between different data sizes with different algorithm in real time. Build with vanilla JS & bootstrap.