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。
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。
相关文章推荐
- AngularJS实际项目应用——前端工具介绍
- AngularJS实际项目应用——单元测试框架设计
- jphone项目设计介绍(一个基于C++的应用程序框架以及软电话和日志服务器应用)
- 基于SyncML的funambol dm开源项目的改造应用(三) - 实际项目介绍
- Minifilter微过滤框架:框架介绍以及驱动层和应用层的通讯
- 数据库优化-水平切分-以及在实际项目中的应用
- Visro 应用的前端模板工具介绍 -JsRender
- 数据库优化-垂直切分以及在实际项目中的应用
- (7)java5线程并发库的应用(线程池) 以及在实际项目中的使用。。
- Node.js开源应用框架HapiJS介绍
- Node.js开源应用框架HapiJS介绍
- 关于OC中消息转发机制的理解以及在项目中的实际应用
- [IOS_HTML5]各种JS框架介绍--用HTML5/CSS3/JS开发Android/IOS应用
- angularjs(二):前端开发框架三剑客—AngularJS VS. Backone.js VS.Ember.js
- 我为什么反对在实际项目中使用类似ext的js技术框架
- 移动手机应用开发js框架zepto.js入门介绍
- Nodejs+express+angularjs+mongodb搭建前端项目框架NJBlog
- 我眼中的SOA,以及在实际项目中的应用经验
- 前台js框架介绍以及下载地址
- 数据库中如何写视图,以及视图项目中实际应用