微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

  • 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。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐