现在有很多各种各样的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的插件使用方法具体步骤如下：一、调用库文件
使用jQuery必须链接jQuery的库文件，无论是压缩版还是正常版，必须至少在网页中链接一个，如：
<script type="text/javascript" src="jquery.js"></script>
二、调用Jquery插件
应用做好的jQuery插件效果。
比如jQuery官网制作的插件jQuery，在使用它时不仅要链接库文件，还要链接UI文件以及UI的CSS文件，如：
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
经过这几部的操作，jQuery插件效果才能真正被引用到网页文件中起到作用。
Jquery是一个优秀的Javascript库，还兼容各种浏览器。jQuery使用户能更方便地处理HTML、events、实现动画效果，并且方便地为网站提供AJAX交互。
这周去看了两天的羽毛球亚锦赛，工作有提前晚上加班做一些，但是技术文章却拉下了。这段时间一直在寻找可以实现前端元素动态连线的功能，找了好几个库，考虑过用d3或者原生svg和canvas来实现，最后和同项目的同事商量后决定使用jsPlumb插件库来做。
jsPlumb是一个强大的JavaScript连线库，它可以将html中的元素用箭头、曲线、直线等连接起来，适用于开发Web上的图表、建模工具等，其实jsPlumb可能主要是用来做流程图的，它在实现这方面的功能上非常强大，我在项目中只使用了它少部分功能，来实现项目中连线的效果。
以上是初始化jsPlumb对象的函数。
接下来获取数据，加载页面的系统和编制模块。
初始化连接锚点
//自动连线
![疯狂Java讲义：使用DatagramSocket发送、接收数据[2]](/aiimages/%E7%96%AF%E7%8B%82Java%E8%AE%B2%E4%B9%89%EF%BC%9A%E4%BD%BF%E7%94%A8DatagramSocket%E5%8F%91%E9%80%81%E3%80%81%E6%8E%A5%E6%94%B6%E6%95%B0%E6%8D%AE%5B2%5D.png)
