《AngularJS深度剖析与最佳实践》一2.1　什么是UI

本节书摘来自华章出版社《AngularJS深度剖析与最佳实践》一书中的第2章，第2.1节，作者雪狼破狼彭洪伟，更多章节内容可以访问云栖社区“华章计算机”公众号查看

2.1　什么是UI

提起UI，你一定知道它是指用户界面（User Interface），但是如果细细剖析，你会发现它没那么简单。
对于一个用户界面，它实际上包括三个主要部分：
内容：你想展现哪些信息？包括动态信息和静态信息。注意，这里的内容不包括它的格式，比如生日，跟它显示为红色还是绿色无关，跟它显示为年月日还是显示为生辰八字也无关。
外观：这些信息要展示为什么样子？这包括格式和样式。样式还包括静态样式和动画效果等。
交互：用户点击了加入购物车按钮时会发生什么？还要更新哪些显示？
在前端技术栈中，这三个部分分别由三项技术来负责：HTML负责描述内容，CSS负责描述外观，JavaScript负责实现交互。当然，这三者之间没有明确的界限，比如有些格式化需要JavaScript来实现，而HTML也往往会影响一些样式。
如果进一步抽象，它们分别对应MVC的三个主要部分：内容—Model，外观—View，交互—Controller。
对应到Angular中的概念，“静态内容”对应模板，“动态内容”对应Scope，交互对应Controller，外观部分略微复杂点：CSS决定样式，过滤器（filter）则决定格式。
有了这些概念为基础，我们再来深入讲解下Angular中的概念。

《AngularJS深度剖析与最佳实践》一2.1　什么是UI相关推荐

《AngularJS深度剖析与最佳实践》一第1章从实战开始
本节书摘来自华章出版社<AngularJS深度剖析与最佳实践>一书中的第1章,作者雪狼破狼彭洪伟,更多章节内容可以访问云栖社区"华章计算机"公众号查看第1章从 ...
《AngularJS深度剖析与最佳实践》一2.2　模块
本节书摘来自华章出版社<AngularJS深度剖析与最佳实践>一书中的第2章,第2.2节,作者雪狼破狼彭洪伟,更多章节内容可以访问云栖社区"华章计算机"公众号查看 ...
《AngularJS深度剖析与最佳实践》一2.11　消息
本节书摘来自华章出版社<AngularJS深度剖析与最佳实践>一书中的第2章,第2.11节,作者雪狼破狼彭洪伟,更多章节内容可以访问云栖社区"华章计算机"公众号查 ...
《AngularJS深度剖析与最佳实践》一2.10　承诺
本节书摘来自华章出版社<AngularJS深度剖析与最佳实践>一书中的第2章,第2.10节,作者雪狼破狼彭洪伟,更多章节内容可以访问云栖社区"华章计算机"公众号查 ...
《AngularJS深度剖析与最佳实践》一2.9　服务
本节书摘来自华章出版社<AngularJS深度剖析与最佳实践>一书中的第2章,第2.9节,作者雪狼破狼彭洪伟,更多章节内容可以访问云栖社区"华章计算机"公众号查看 ...
《AngularJS深度剖析与最佳实践》一2.6　指令
本节书摘来自华章出版社<AngularJS深度剖析与最佳实践>一书中的第2章,第2.6节,作者雪狼破狼彭洪伟,更多章节内容可以访问云栖社区"华章计算机"公众号查看 ...
《AngularJS深度剖析与最佳实践》一1.3　创建项目
本节书摘来自华章出版社<AngularJS深度剖析与最佳实践>一书中的第1章,第1.3节,作者雪狼破狼彭洪伟,更多章节内容可以访问云栖社区"华章计算机"公众号查看 ...
《AngularJS深度剖析与最佳实践》一1.6　实现AOP功能
本节书摘来自华章出版社<AngularJS深度剖析与最佳实践>一书中的第1章,第1.6节,作者雪狼破狼彭洪伟,更多章节内容可以访问云栖社区"华章计算机"公众号查看 ...
《AngularJS深度剖析与最佳实践》一1.4　实现第一个页面：注册
本节书摘来自华章出版社<AngularJS深度剖析与最佳实践>一书中的第1章,第1.4节,作者雪狼破狼彭洪伟,更多章节内容可以访问云栖社区"华章计算机"公众号查看 ...
《AngularJS深度剖析与最佳实践》一1.5　实现更多功能：主题
本节书摘来自华章出版社<AngularJS深度剖析与最佳实践>一书中的第1章,第1.5节,作者雪狼破狼彭洪伟,更多章节内容可以访问云栖社区"华章计算机"公众号查看 ...

《AngularJS深度剖析与最佳实践》一2.1　什么是UI

2.1　什么是UI