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。

你可能感兴趣的:(JavaScript,AngularJS,前端,移动,ES6)