前端三分鐘

這篇文章接下來會讓優化從開資料夾開始，從優化專案結構的三種設計模式切入 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 服務。 透過 ......

測試這件事情是為了一致性，為了不讓伴侶不信任，在男女之間交往一致性也是很重要的一環。 在日常的對話和相處過程中，彼此都會透過些方法來確認， John Rempel 等人提出信任包含可預測、可依賴和信念三個要素。 可預測判斷的依據就是過去伴侶行為的一致性 可依賴代表相信且願意依賴伴侶協助解決問題 以程式測試來說，每次的測試會期待能得到相同結果，並且認為能夠依賴系統解決問題。 舉個例子來說小......