前端三分鐘

這篇文章會介紹 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......

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

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

小編在之前的文章介紹過常用 Nginx Config 與相關指令來入門網站架設，這篇文章接著會介紹 Nginx 管理與監控工具 Nginx Proxy Manager、Nginx GIXY、GoAccess。 Nginx Proxy ManagerNginx Proxy Manager 提供圖形化的管理介面，並且內建支援 Let’s Encrypt 能免費支援網頁 HTTPS 服務。 透過 ......