MVC 是 Model-View-Controller 的簡稱,它是一種軟件架構模式。MVC 思想的核心是分離應用程序的輸入、處理和輸出。其中,模型(Model)負責存儲數據、處理數據;視圖(View)負責展示數據;控制器(Controller)負責接收用戶輸入,并 在模型和視圖之間協調工作。
CSS 即層疊樣式表(Cascading Style Sheets),用來描述與表現層相關的樣式,包括字體、顏色、布局等。與 HTML 相對應,HTML 主要負責內容的結構,而 CSS 負責內容的表現。它的優勢就是通過分離內容和樣式,有效提高網頁的可維護性、可擴展性、可重用性。
// 范例一:MVC // Model class User { constructor(name, age) { this.name = name; this.age = age; } } // View class UserView { render(user) { console.log(`姓名:${user.name},年齡:${user.age}`); } } // Controller class UserController { constructor() { this.model = new User('小明', 18); this.view = new UserView(); } updateView() { this.view.render(this.model); } } const controller = new UserController(); controller.updateView(); // 范例二:CSS /* HTML 代碼 */Hello World!
這是一段示例文本。
/* CSS 代碼 */ h1 { color: red; font-size: 24px; } p { color: green; font-size: 16px; }
上一篇p 一行顯示css樣式
下一篇mvc4 壓縮css