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

背景介绍

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

  • 发表于:
  • 原文链接:https://kuaibao.qq.com/s/20181219A0FJ6X00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券