项目中使用的前端组件总结

背景介绍

今年下半年在新项目中，实践了前后端分离技术。后端使用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

在Angular框架中的适配组件。

ng2-cookies

Angular中处理cookie的简单库。

ngx-perfect-scrollbar

该组件是perfect scrollbar的Angular框架的封装库。用于在Angular中提供体验更好的scroll。

ngx-toastr

Toast提示组件，提高交互友好性。

作者：笑笑粑粑

曾用网名：TinyKing

微信公众号：Java码农

知乎专栏： 爱笑笑爱分享

个人博客： 爱笑笑，爱生活

自我评价： 一个爱好广泛的CRUD程序猿 ^_^