公司以儲存設備作為主要產品,所在部門主要任務為協助開發並維護其裝置的網頁端 UI 操作介面。使用者可以透過瀏覽器連線到該網頁,查看裝置使用情形以及操作其提供的相關服務。
在這段工作經驗中,日常工作主要需要迅速的根據 issue 描述推測問題的源頭,並且對應程式碼的位置去進行調整或改善,能夠有效的訓練 TrobuleShooting 的能力;此外,因為部門內部和諧的風氣,比起同事大家更像朋友,能夠在碰到困難的時候隨時一起討論,透過來自不同角度的視野,找出更合適的解決方案,或者是更簡潔的程式碼撰寫方法。
1. 使用Scss整理舊有的樣式規則,改善多個樣式規則實現一個設計的情況,提升整體UI開發效率並略微提升網頁效能。(Using Scss)
2. 重新審視網頁元素,將共用性高的元素獨立撰寫為共用元件,提升程式碼的簡潔度和後續可維護性。(Using AngularJS, Angular, TypeScript)
3. 在了解設計師對網頁間距的相關設計需求後,提出開發為共用元件的想法並與主管、設計師討論獲得採納。透過規則性的使用元件,更迅速的完成符合設計需求的功能開發。(Using Angular, TypeScript, Scss)
4. 基於框架語法獨立開發元件作為第三方套件的替代方案,並撰寫相關文件,節省開發時間並降低不確定性。(Using Angular, TypeScript)
5. 協助處理記憶體洩漏 (Memory leak) 問題,自行研究找出可能的原因並且解決問題。(Using Chrome devTools and google search)
6. 參與語法升級的專案並重構負責功能的相關程式碼。重新審視負責功能,釐清關聯性並開發共用元件,以達到降低耦合度的效果,提升程式碼的可重複使用性、後續問題釐清的效率以及功能的可維護性。(Using Pug, TypeScript, Scss)
7. 與同事自主討論 coding style,學習寫出更有效率且易於維護的程式碼。(Using JavaScript, TypeScript, Css)