- Jobs
ResumeCreate your job-winning resume using our free resume builder.
PortfolioShowcase your skills and projects with a professional portfolio.ResumeCreate your job-winning resume using our free resume builder.Resume BuilderMake a resume for free.Resume TemplatesAccess our extensive library of professional & ready-to-use templates.Resume ExamplesGet inspired by real resume examples to create your own.Occupation GuideAccess resume writing guides tailored for different professions.Resume HelpGet expert advice on all things resume from our team of recruitment specialists.- ResourcesSuccess StoriesBusiness ExcellenceAbout CakeResumeFeatured Reads
- Hire
- Download our App
包網首頁與個人中心
包網首頁與個人中心
前端組長
・
Taipei City, Taiwan
1. 專案架構與技術選擇：
- 技術包括 HTML、CSS、ES6、Sass、Vue2、Vuetify、jsencrypt、Webpack 等
- 建置客製化首頁和個人中心，並將組件獨立成庫。
- 使用 .env 文件進行客製化參數配置，特別針對客製化首頁和個人中心的變化較大需求。
2. 維護與更新：
- 維護超過100個站點，對客戶前台進行更新，根據新需求調整。
- 拆分組件後，使得對客製化首頁和個人中心的更新更加方便，減少對所有站點的影響。
3. 錯誤監控與改善：
- 導入 Sentry 監控工具，收集 PC H5 的錯誤訊息，幫助開發人員快速發現並改善錯誤。
4. 後台管理：
- 導入 CMS 管理後台，管理各種內容，如 Logo 輪播圖、客服、圖片、站內信、文章等，降低前端維護客製化需求的複雜度。
5. 客服系統整合：
- 串接7套客服系統，可輪巡系統，提供更好的客戶服務體驗。
6. 組件管理與重用：
- 客製化組件拆分成超過100組，提高了組件的複用性和可維護性。
7. 安全性與多語支援：
- 所有 API 進行 AES 加解密，確保數據的安全性。
- 多語系使用 Google Sheet API 來進行處理，支援簡中、繁中、英文等多種語言。
專案架構 Vue2+Vuetify ( 客製化首頁+個人中心 )
同時要維護100多站
如果客戶或是PM規劃一個新需求之後
我們就必須要針對100多個客戶前台來進行更新
後來組件跟個人中心拆出來獨立成一個庫
變化較大的前台客製化首頁 PC H5 ( .env 來進行客製化參數配置)
變化較小的個人中心 ( 有好幾套樣式 )
導入 Sentry 監控工具可以蒐集 H5 的錯誤訊息 > 協助改善開發人員的錯誤
導入 CMS ( Logo 輪播圖 客服 圖片 站內信 文章 等等 ) 至管理後台 > 降低前端維護客製化需求
串接 7 套客服系統 ( Zendesk , LiveChat , Tawk , Meiqia , ChatWoot , Freshchat , Whisper ) 可輪巡系統
客製化組件拆分超過 PC H5 100組 > 可複用
所有 API 進行 AES 加解密
多語系使用 Google Sheet API 來進行處理 > 簡中 繁中 英文
使用技術 HTML / CSS / ES6 / Sass / Vue2 / vuetify / jsencrypt/ Webpack
Please login to comment.
