1、jquery-知识：
http://www.jq22.com/
2、recat-js知识：
http://react-china.org/
http://www.ruanyifeng.com/blog/2015/03/react.html
3、AngularJS 知识：
http://www.runoob.com/angularjs/angularjs-tutorial.html
4、boostrap.js 知识：
http://www.bootcss.com/
自动化布局工具：http://www.bootcss.com/p/layoutit/
http://www.runoob.com/bootstrap/bootstrap-tutorial.html
easyUI属于jQuery-UI的一个前端UI组件库（比jQuery-UI更轻量级），bootstrap也有一些UI组件
1.boostrap UI组件大部分偏向于使用class来使用（语义化的类名），easyUI则大部分通过使用js函数来实现。
2.bootstrap更加侧重样式的表现，比较美观，符合现在的流行趋势，easyUI反之样式不是特别好， 不太美观
3.bootstrap不带数据交互功能，而easyUI则带有强大的数据交互功能
4.bootstrap兼容手机和pc，easyUI做不到这一点
ps:bootstrap的前端社区比easyUI更加成熟，资源也比较丰富，使用less或者scss可以自定义一些样式，而且bootstrap有栅格化布局也已经成为主流，是现在大部分网站或者后台系统的开发趋势，而且使用率高，可以在网上找到好多的实例直接使用。十分方便。
bootstrap和easyui代表了两种框架的理念。
一种框架是把所有的事情都做了，开发者不需要研究底层技术，只需要学习我提供的api就可以了。如easyui。
另一种框架是只做自己该做的事情，把控制权交还给开发者，因为大家都愿意把精力放在研究底层技术上（因为这是所有上层框架的依赖），而不是把精力放在研究框架的api上（上层框架更换频率很大，每个公司可能用的都不同，甚至一个项目组，在不同时间用的框架也有可能不同），bootstrap就是代表这种理念。
如果后台管理系统不是特别复杂，用easyui做过一次，下次再做后台管理，几乎可以挪过来稍微改动改动，进行快速开发。
但是如果是项目大，ui复杂的话，还是用bootstrap吧，毕竟你是可以掌控的。
1.angularjs
html和js之间的数据衔接层，可以操控html元素（数据绑定、重复、隐藏）等，上手很容易，但想要精通，了解内部运行机制不容易。
2.bootstrap
用于页面布局样式设计，CSS等，与数据无关，是一种UI设计工具，一般搭配angularjs使用。
3.jquery
是一个 JavaScript 函数库，与angularjs作用一致，但更偏重于操作dom元素，对dom遍历和修改。
4.easyUI
是基于jQuery的框架，它侧重于页面显示部分，即UI，但是所有效果都是用jQuery实现的。
推荐学习angularjs ,使用angular bootstrap UI ,只是针对css样式话，也可以学习semantic ui
这里有一些css前端库排名http://usablica.github.io/front-end-frameworks/compare.html
针对你说的jquery datagrid，angularjs 有 ng-grid