重新建立前端開發流程:
- 導入 Visual testing,曾幫助團隊提早發現錯誤的介面變更和伺服器錯誤回應等問題。
- 優化開發環境設定、部署策略,將部署時間從 5 分鐘縮短到 1 分鐘。
- 導入 ESLint 和 Prettier 確保程式碼品質。
重構經驗:
- 將過去代碼庫中不同時期的 CSS、LESS、SASS 檔整合,統一由 SASS 開發。
- 導入 Webpack,將分散引用的 JavaScript 程式碼整合在一起,模組化管理。
- 近期將導入 React,從網頁上的小組件開始替換,目的是更好的共用元件、控制資料與畫面。
主導網站首頁優化,調整後 Google Page Speed 的首次內容繪製時間快了 3.3 秒,調整包含:
- 統一網站字型、整合 4 個輪播頁套件。
- 透過 lazy loading 延遲載入圖片。
- 減少冗餘的 DOM elements。
擁有良好的跨團隊合作與溝通能力:
- 與設計師合作,完成網站新功能的介面設計與互動體驗。
- 規劃網站 A/B 測試,協助行銷團隊追蹤網站成效。
- 與後端和 APP 工程師一起定義 API 規格、測試流程、部署流程。
- 代表公司和第三方工程師( Shopify Inc. )溝通,修正網站結帳過程的追蹤問題。
在已有 API 的基礎下,獨立規劃產品上架介面與流程,與另一位工程師合作花費三周時間用 Vue.js 完成初版產品上架後台網站,包含:HTML 編輯器、圖片管理等功能。
目前已成功上架超過 40 個產品,並持續與內部採購同仁優化上架後台功能,包含:
- 版面聚焦重要資訊,輕鬆掌握各產品銷售進度。
- 提供拖曳式排序功能,讓使用者可以更直覺操作。
- 當輸入錯誤時,系統即時回饋錯誤提示訊息。