這裡是一些常見的前端設計模式（Design Patterns），並提供實際使用的例子來說明它們在前端開發中的應用。
這些設計模式主要用於解決常見的前端問題，提升代碼的結構化、可維護性和可擴展性。
以下是幾個主要的設計模式及其應用：

最近正在讀了一本關於程式設計的書籍：“這樣寫 code 好不好”，書中談到許多容易寫出結構不良程式碼的模式。這些不良模式雖然程式能夠運作，但往往會為後續的維護和擴充帶來諸多困擾。今天想跟大家分享幾個常見的問題和解決方案。

書中主要是用 Java 為例子寫，但我這邊以較熟悉的 Javascript 為例來做整理：

設計時應確保 class (類別) 能獨立運作

因為工作上的需求，寫了個 chatbot 功能，在寫到『需隨時滾動到最新訊息』的這部分時好好地思索了一下。
本文只有 『需隨時滾動到最新訊息』 的解法
以下三種跟上最新訊息的方式分享給大家，也是我自己嘗試的進程，

1. CommonJS 和 require：

• 歷史：CommonJS 規範在 2009 年左右出現，主要目的是為 JavaScript 在服務器端（如 Node.js）提供模塊系統。

以下是 Cookie、Session 和 LocalStorage 的比較：

| 特性 | Cookie | Session | LocalStorage |

tags: React

component 會 re-render 的時機

setTimeout

• 定時器，只執行一次，屬於非同步

css background 簡寫的排序是這樣：

background: color image attachment repeat poition / size

React 是啥

React 是一個用來建構使用者介面的 JavaScript 庫（他其實不算框架？！），只是用於建立 UI渲染，可以和其他函式庫或套件搭配使用，以在特定環境中渲染。