7大优秀的JavaScript库?

JavaScript08

7大优秀的JavaScript库?,第1张

现在有很多各种各样的JavaScript库,但这里将介绍7个很优秀的可用于你下一个JavaScript项目的库。

仪表盘是用于目标或业务流程的视觉指示工具,也用于切割杂乱无章的数据,从而分割出要点的重要工具。它可帮助评估信息,并及时做出正确的决定。实时可视化的仪表盘由图标、测绘图、图形符号,以及数据表格等组成。

目前有一些开源或商业的库用于创建仪表盘。在本文中,我们将会展示一些可帮助创建美观且可自定义的仪表盘的JavaScript库。

1.Gridster.js

Gridster是一个jQuery插件,可以从跨多个列的元素构建直观的可拖拽布局。

它可以让你从网格中动态添加或删除小部件,甚至可以获得一个具有所有小部件位置的对象的JavaScript数组,从而可以在以后使用这些数组来加载小部件。

2.angular-gridster

这是一个用于AngularJS的格子状小部件的实现。它具有jQuerygridster插件等功能,也具有一些其他的功能。

它完全使用Angular指令重写,还可以使用Angular的数据绑定功能。

3.gridstack.js

gridstack.js是一个用于小部件布局的jQuery插件,灵感来自gridster.js。这是一个可拖放的多列网格,可让你构建可拖拽的响应式Bootstrapv3的友好布局,

它还适用于knockout.js,angular.js和触摸设备。

4.jQueryGridly

Gridly是一个jQuery插件,电脑培训http://www.kmbdqn.cn/建议可用于拖放以及在网格中调整大小。

5.Packery

Packery是一个JavaScript库和jQuery插件,可用于生成无缝且可拖拽的布局。它使用bin-packing算法来填充空隙。

它适合用于创建一个可拖拽的仪表盘和无缝的“砖石图像画廊”布局。

jquery-1.4.2.min.js为JQuery库,版本号为1.4.2,min表明该版本为压缩版,去除了空白字符及注释,并对代码进行了变量、函数名压缩优化等,适合用于生产环境。

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多)。

JQuery的作用:

主要用于兼容个浏览器的JavaScript用法,只需要使用jQuery中指定的方法即可实现在各主流浏览器中同时兼容,能够让开发人员关注业务的开发而不必关心JavaScript的兼容性问题。

常见的几类如下:

选择器:用于选取特定的一个或多个dom节点

属性/CSS:用于改变dom的属性值及一些JavaScript控制的样式

dom操作:如对dom节点的增删查改

遍历:对dom树、数组、其他可遍历的类型进行遍历操作

事件:兼容各浏览器的事件调用,及自定义的事件等

效果:如JavaScript动画等

Ajax:统一各浏览器的Ajax请求的用法

JQuery提供了上百个函数,提高了开发的效率,方便开发者在不同浏览器下使用相同的一套代码实现指定业务功能。