# 打破傳統的前端 ### 什么是UI 提起UI，你一定知道它是指用戶界面（User Interface），但是如果細細剖析，你會發現它沒那么簡單。對于一個用戶界面，它實際上包括三個主要部分： * 內容：你想展現哪些信息？包括動態信息和靜態信息。注意，這里的內容不包括它的格式，比如生日，跟它顯示為紅色還是綠色無關，跟它顯示為年月日還是顯示為生辰八字也無關。 * 外觀：這些信息要展示為什么樣子？這包括格式和樣式。樣式還包括靜態樣式和動畫效果等。 * 交互：用戶點擊了加入購物車按鈕時會發生什么？還要更新哪些顯示？ 在前端技術棧中，這三個部分分別由三項技術來負責： * HTML負責描述內容 * CSS負責描述外觀 * JavaScript負責實現交互。 當然，這三者之間沒有明確的界限，比如有些格式化需要JavaScript來實現，而HTML也往往會影響一些樣式。 如果進一步抽象，它們分別對應MVC的三個主要部分： * 內容——Model * 外觀——View * 交互——Controller。 對應到Angular中的概念 * “靜態內容”對應模板 * “動態內容”對應Scope， * 交互對應Controller * 外觀部分略微復雜點：CSS決定樣式，過濾器（filter）則決定格式。