前端三分鐘

為什麼需要重構在我們的生活中，有許多重要的事情需要我們時常檢討和改進，這個過程被稱為斷捨離，不僅適用於程式碼，也適用於我們的人生。 在寫許多行程式碼來實現不同的功能，有時候這些程式碼變得非常複雜難以理解，就像一個亂掉的房間一樣，這時候該斷捨離的像是 寫作文一樣的註解 需要超級多參數才可以執行的函式 過度複雜的條件判斷 寫死的 Magic Number 或是設定檔 覺得以後有機會用到但現在沒......

開始之前，先來談談工程師的日常 程式碼因為需求一直亂加，本來的水果刀被改成瑞士刀。 傳承的祖產本體難以更動，導致疊床架屋違建加蓋再加蓋，一個判斷不夠那就補兩個湊一對 這個需求很簡單，明天可以給一版嗎? 一天有一天的品質一周也有一周的品質 不知道大家有沒有一個體會，總是覺得為什麼再怎麼整理都整理不好? 不管是程式碼、房間或是人生。 回到實際一點的例子，時間有限且空間就是這麼大，但東西卻越來......

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

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

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

上一篇文章介紹過了優化語法的四種結構型設計模式，這篇文章主要會從優化程式碼結構的幾種 Pattern 開始介紹 接下來會繼續從優化程式碼結構的四種結構型設計模式開始介紹 Adapter Pattern Bridge Pattern Facade Pattern Flyweight Pattern Design Patterns 依照目的分成三群： Creational Patterns......

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

這篇文章會以 JavaScript 的 Creational Pattern 開始介紹，建立型模式是處理物件建立的設計模式，實作上會根據實際情況使用合適的方式建立物件，幾種方式如下 Class Design Pattern Constructor Pattern Singleton Pattern Factory Pattern Abstract Factory Pattern Desi......