MVC 是 Model-View-Controller 的簡稱,它是一種軟件架構模式。MVC 思想的核心是分離應用程序的輸入、處理和輸出。其中,模型(Model)負責存儲數(shù)據(jù)、處理數(shù)據(jù);視圖(View)負責展示數(shù)據(jù);控制器(Controller)負責接收用戶輸入,并 在模型和視圖之間協(xié)調工作。
CSS 即層疊樣式表(Cascading Style Sheets),用來描述與表現(xiàn)層相關的樣式,包括字體、顏色、布局等。與 HTML 相對應,HTML 主要負責內容的結構,而 CSS 負責內容的表現(xiàn)。它的優(yōu)勢就是通過分離內容和樣式,有效提高網(wǎng)頁的可維護性、可擴展性、可重用性。
// 范例一: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