React 前端工程師
在過往的經驗中,我善於溝通且團隊合作,能與 SA 或是 PM 確認產品規格,與後端工程師討論 API 設計,以藉此達到客戶要求,擅長吸收關於相關產業的知識,能讓產品更能符合使用者的需求設計。
希望職涯的下一步,期待可以進入重視程式碼品質,重視使用者體驗的團隊,做出貼近人心產品。
phone: 0937-610-309
email: [email protected]
主要進行維護 DView8 官網以及 網管系統產品 DView8 。
使用到的技術有 react、 react class、umi.js、dva.js、antd 、xterm.js、react-intel 等等。
在接觸 DView8 專案的時候,大部分是針對使用者設計去做系統上的優化,為了讓使用者能夠更好的操作 DView8 網管系統,或是針對之前設計不良導致的系統操作異常,提出優化的可能,並且理解 SNMP 實際參與 mib 操作,直接了解網管軟體設計原理,協助壓力測試和提出設備整合的方案讓 DView8 更加完善。
參與過的專案分別有陽信企業網路銀行、陽信銀行行員操作後台、陽信企業網路銀行 app 使用到的技術有 react 、react hook 、redux、saga、bootstrap、webpack、git、react-intel、formik、yup 等等。
在接觸陽信企業網路銀行專案時, 透過 redux 的 Code Splitting ,優化多國語言包的大小,盡可能減少重複過多的 code,思考元件上的共用性,進而提升網頁效能。
在接觸陽信企業網路銀行 app 專案, 發現 WebView 實作困難的點是 android 手機 與 ios 手機在進行操作瀏覽時, 預設行為是不一樣的,像是當使用者進行文字輸入的時候 android 手機的鍵盤跳出來並不會將畫面上推,會浮在畫面上, 可是 ios 手機 跳出鍵盤時是會將畫面上推,建立在畫面的下方, 所以必須時常解決 android 手機 與 ios 手機手機預設行為不一樣的問題。
1. JavaScript ES5, ES6+
2. CSS, SCSS
3. Bootstrap / Antd
4. RWD
5. React(Class/ Hooks / Redux)
6. SPA 網站模式
7. 串接 Restful API 、API
8. SSR (umi.js)
1. 透過 Redux 進行管理和操作
2. 透過 Redux 讓畫面及資料行為分離
3. 透過 Redux 的 Code Splitting 提升 網頁效能
4. 透過 Saga 處理資料上處理 或是 useContext、 useReducer 或是 thunk
1. 使用 Webpack 建立 React 環境專案
2. 使用 Webpack 打包
3. 使用 Webpack merge 區分專案環境
使用 Git 版本控制
1. 運用 Figma 設計出需要介面,擅長 製作 Prototype 及模擬動態效果