今年下半年在新项目中，实践了前后端分离技术。后端使用spring cloud微服务。安全框架使用了Spring Security，并集成了Oauth2认证。前端技术使用里Angular 6，UI框架使用了Material。在项目开发过程中，使用里一些非常好用的、优秀的前端ng组件。
组件
@angular/flex-layout
Angular Flex Layout使用Flexbox CSS + mediaQuery提供复杂的布局API。 此模块使用自定义布局API，mediaQuery observables和注入的DOM flexbox-2016 CSS样式为Angular开发人员提供组件布局功能。
Flex布局引擎智能地自动化将适当的Flexbox CSS应用于浏览器视图层次结构的过程。 这种自动化还解决了传统的，手动的，仅CSS的盒子CSS应用程序遇到的许多复杂性和变通方法。
然而，Flex Layout的真正强大之处在于它的响应引擎。 响应式API使开发人员能够轻松指定不同视口大小和显示设备的不同布局，大小，可见性。
moment
一个轻量级的JavaScript日期库，用于解析，验证，操作和格式化日期。
@angular/material-moment-adapter
moment在Angular框架中的适配组件。
ng2-cookies
Angular中处理cookie的简单库。
ngx-perfect-scrollbar
该组件是perfect scrollbar的Angular框架的封装库。用于在Angular中提供体验更好的scroll。
ngx-toastr
Toast提示组件，提高交互友好性。
