前端三分鐘

一起用三分鐘分享技術與知識

DevOps X 被趕鴨子的前端工程師

關於 DevOps 一年體驗與心得

什麼是 DevOps?DevOps 是 Development 和 Operations 何在一起的縮寫,目的是做到誰開發建構就由誰部屬和執行,把 Development 和 Operations 交給同樣一批人來處理,意味著開發人員也開始要協助進行傳統 SRE 所做的工作。 DevOps 體驗近年來雲端運算由於快速的增長,DevOps 和雲原生的概念興起,所以不得不將多集群的微服務部屬到多......
me
林彥成
2023-07-31 | 2 min.

JavaScript Behavioral Pattern

開箱 JavaScript 設計模式 (3)

這篇文章會介紹 JavaScript 的 Behavioral Patterns,行為模式是一種設計模式,它關注的是專注在物件之間的溝通。 行為模式組織物件之間的關係,提高可讀性和可維護性,下面是幾個常見的 JavaScript 行為模式: Strategy Pattern (策略模式): 考前可以選擇不同的學習策略來應考,可以根據不同的情況選擇不同的解決方法。 Iterator Patt......
me
林彥成
2023-06-30 | 6 min.

JavaScript Structural Pattern For Project

開箱 JavaScript 設計模式 (2-3)

這篇文章接下來會讓優化從開資料夾開始,從優化專案結構的三種設計模式切入 Model View Controller Pattern (MVC) Model-View-ViewModel Pattern (MVVM) Flux Pattern Design Patterns 依照目的分成三群: Creational Patterns 創建型 Structural Patterns 結構型......
me
林彥成
2023-05-30 | 3 min.

JavaScript Structural Pattern For Code

開箱 JavaScript 設計模式 (2-2)

上一篇文章介紹過了優化語法的四種結構型設計模式,這篇文章主要會從優化程式碼結構的幾種 Pattern 開始介紹 接下來會繼續從優化程式碼結構的四種結構型設計模式開始介紹 Adapter Pattern Bridge Pattern Facade Pattern Flyweight Pattern Design Patterns 依照目的分成三群: Creational Patterns......
me
林彥成
2023-04-02 | 3 min.



JavaScript Structural Pattern For Program Syntax

開箱 JavaScript 設計模式 (2-1)

你知道 React 本身也有使用設計模式嗎? 其中用到最多的又會是哪一種? 以 React 架構上來說,因為是 Component Based 的函式庫,最常用到的會是 Module Pattern,而實現 Component 的實作則是 Facade Pattern。 上一篇文章介紹過了創建型的 Pattern,這篇文章會繼續開箱結構型,結構型可以幫助我們更好的去組織程式碼,避免隨著專......
me
林彥成
2023-03-29 | 3 min.

JavaScript Creational Pattern

開箱 JavaScript 設計模式 (1)

這篇文章會以 JavaScript 的 Creational Pattern 開始介紹,建立型模式是處理物件建立的設計模式,實作上會根據實際情況使用合適的方式建立物件,幾種方式如下 Class Design Pattern Constructor Pattern Singleton Pattern Factory Pattern Abstract Factory Pattern Desi......
me
林彥成
2023-02-25 | 4 min.

面試前端,你還有什麼問題想問嗎

一起透過發問知己知彼找到理想生活

在新鮮人階段時,通常不太確定面試可以問什麼或該問什麼,當面試到最後被問起:「你還有什麼問題想問嗎?」又該怎麼回答? 隨著職涯的發展,這個問題終究是回到自身想要成為什麼樣的大人? 對於個人來說,面試的目標是要找到不討厭、別人願意付錢請我們做、我們可能也做得不錯的事情。 面試前端,你還有什麼問題想問嗎?在面試過程除了被面試其實也在面試團隊跟公司,而一個好的問題可以幫助我們從更多面向去了解這間......
me
林彥成
2023-01-26 | 7 min.

React 元件開發指南

從特性去運用 Pattern 簡化開發與架構

以 React 來說,要寫出一個元件有 Class-based 或是 Functional 兩種方式,兩者之中 Functional 寫法較為簡單且透過 Hook Pattern 能輕易將資料邏輯與顯示分離,長期來看透過 Functional 的方式會更容易去維護和重構。 參考文章: 從特性淺談 React Class-based 和 Functional Component 兩種寫法之異同......
me
林彥成
2023-01-25 | 5 min.