AngularJS实际项目应用——前端js框架以及库介绍

发布时间：2020-12-17 09:40:02 所属栏目：安全来源：网络整理

导读：AngularJS 1.x系列，这个项目开始的时候2.x正式版还没有发布，现在发布了。但是看2.x系列的AngularJS变化非常大，个人觉得学习曲线有点陡，现在还处在观望中，看要不要继续学习一下。 UI Bootstrap，https://angular-ui.github.io/bootstrap/，基于angularjs

AngularJS 1.x系列，这个项目开始的时候2.x正式版还没有发布，现在发布了。但是看2.x系列的AngularJS变化非常大，个人觉得学习曲线有点陡，现在还处在观望中，看要不要继续学习一下。
UI Bootstrap，https://angular-ui.github.io/bootstrap/，基于angularjs的bootstrap库，现在已经比较成熟了，用起来还可以。
Bootstrap 3.3.x，配合上面的UI Bootstrap，不用多说
Angular UI Grid，http://ui-grid.info/，后台管理系统需要大量的表格展示以及操作。这个基于angularjs的表格组件用来感觉还不错，已经更新到4.0了，一直有人在维护。
UI-Router，用angularjs的人都知道，复杂嵌套路由
RequireJS，动态加载js文件，在使用它的时候，有个问题需要考虑：发布的时候怎么进行压缩合并。如果把所有js都合并在一起，那使用这库的意义在哪里？所以个人觉得需要仔细考虑考虑这个问题。
angularAMD，https://github.com/marcoslin/angularAMD，配合requirejs，动态加载angular module。具体的用法可以参考文档，主要的理念是需要的时候才加载angular的模块，而不是程序一起动就都加载进来。
UI-Router Extras，https://christopherthielen.github.io/ui-router-extras/#/home，动态加载路由，由于项目对模块进行了细分，每个模块都有自己的路由，用这个组件可以做到只有访问到这个模块页面时，才需要处理相关的路由。用起来也非常方便
ng-flow，https://github.com/flowjs/ng-flow，H5上传大文件时候用，很方便

上面这些是主要的项目js库，剩下一些常用的像jquery，mement，lodash等，就不在说了。

还得提一下移动版用的js库，主要用了angular material，https://material.angularjs.org/latest/，配合angular，使用起来比较爽。

如果项目从一开始设计的好，完全可以用angular material替换掉bootstrap，做响应式设计，为啥替换掉bootstrap，因为material提供的控件库看起来比较cool，当然还是因为这个库的设计符合Google的material design guideline。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!