您的位置:首页 > Web前端 > AngularJS

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

2017-01-24 11:07 537 查看
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。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: