图表插件--jqplot交互演示样例

简单交互

在之前的学习中，我们已经能够绘制各种类型的图表，也能够给图表加入不同的组件，如标题、图例等等。但这些图表仅仅能用于展示数据，一旦希望对图表有所操作——比方查看数据明细——就显得束手无策了。事实上jqPlot是提供了图表事件交互功能的，且实现起来，也相当的简单。接下来我们要做的就是，学习假设监听图表事件，并对事件进行处理。

在jqPlot的源代码中，我们可以看到这种代码片段：
[javascript] view plain copy 在CODE上查看代码片
  1. **  
  2.  * Class: jqPlot  
  3.  * Plot object returned by call to $.jqplot.  Handles parsing user options,  
  4.  * creating sub objects (Axes, legend, title, series) and rendering the plot.  
  5.  */  
  6. function jqPlot() {  
  7.        
  8.     ...其他代码  
  9.        
  10.     // 方法：draw  
  11.     // 绘制全部的块节点到图表容器中，绘制之前不会清空容器  
  12.     this.draw = function(){  
  13.            
  14.         ...其他代码  
  15.         // 给注冊的事件绑定事件处理器  
  16.         this.bindCustomEvents();  
  17.         ...其他代码  
  18.     }  
  19.        
  20.     ...其他代码  
  21.     this.bindCustomEvents = function() {  
  22.         // 给图表容器（指chart1这个div）绑定点击事件处理函数，其他类似  
  23.         this.eventCanvas._elem.bind('click', {plot:this}, this.onClick);  
  24.         this.eventCanvas._elem.bind('dblclick', {plot:this}, this.onDblClick);  
  25.         this.eventCanvas._elem.bind('mousedown', {plot:this}, this.onMouseDown);  
  26.         this.eventCanvas._elem.bind('mousemove', {plot:this}, this.onMouseMove);  
  27.         this.eventCanvas._elem.bind('mouseenter', {plot:this}, this.onMouseEnter);  
  28.         this.eventCanvas._elem.bind('mouseleave', {plot:this}, this.onMouseLeave);  
  29.         if (this.captureRightClick) {  
  30.             this.eventCanvas._elem.bind('mouseup', {plot:this}, this.onRightClick);  
  31.             this.eventCanvas._elem.get(0).oncontextmenu = function() {  
  32.                 return false;  
  33.             };  
  34.         }  
  35.         else {  
  36.             this.eventCanvas._elem.bind('mouseup', {plot:this}, this.onMouseUp);  
  37.         }  
  38.     };  
  39.     // 点击事件处理函数，另有其他如onDblClick、onMouseDown、onMouseMove等  
  40.     this.onClick = function(ev) {  
  41.         // 传入标准化的Event对象，会携带一些数据属性  
  42.         // 传出非标准化Event对象  
  43.         var positions = getEventPosition(ev);  
  44.         var p = ev.data.plot;  
  45.         var neighbor = checkIntersection(positions.gridPos, p);  
  46.         // 获取jqplotClick事件  
  47.         var evt = $.Event('jqplotClick');  
  48.         evt.pageX = ev.pageX;  
  49.         evt.pageY = ev.pageY;  
  50.         // 关键代码，触发jqplotClick事件，并传递一些数据  
  51.         $(this).trigger(evt, [positions.gridPos, positions.dataPos, neighbor, p]);  
  52.     };  
  53.     ...其他代码  
  54. }  

能够看出，我们不能直接给画布绑定一些诸如click、mouseover之类的常规事件。假设要处理这些事件，我们要做的应该是绑定jqplotClick事件，当我们触发点击事件时，图表会自己主动帮我们触发画布的jqplotClick事件。因此，要处理图表点击事件，我们仅仅须要加入例如以下代码就可以：
[javascript] view plain copy 在CODE上查看代码片
  1. $('#chart1').on('jqplotClick', function(){  
  2.     // 事件处理代码  
  3. });  

我们先来绘制一个简单的线形图表，在此图表上加入相关的交互事件：
[javascript] view plain copy 在CODE上查看代码片
  1. <!DOCTYPE html>  
  2. <html>  
  3.     <head>  
  4.         <meta charset="utf-8" />  
  5.         <title>图表事件交互</title>  
  6.         <link rel="stylesheet" type="text/css" href="js/jqPlot/1.0.4/jquery.jqplot.min.css"/>  
  7.         <!--[if lt IE 9]>  
  8.             <script language="javascript" type="text/javascript" src="js/jqPlot/1.0.4/excanvas.js"></script>  
  9.         <![endif]-->  
  10.         <script src="http://libs.baidu.com/jquery/1.8.2/jquery.min.js"></script>  
  11.         <script src="js/jqPlot/1.0.4/jquery.jqplot.min.js" type="text/javascript"></script>  
  12.         <script type="text/javascript" charset="utf-8">  
  13.             $(function(){  
  14.                 $.jqplot('chart1', [[75, 69, 71, 77, 76, 81, 73]]);  
  15.                    
  16.                 // 如前所述，加入事件处理  
  17.                 $('#chart1').on('jqplotClick', function(){  
  18.                      alert('图表点击事件被触发...');  
  19.                 });  
  20.             });  
  21.         </script>  
  22.     </head>  
  23.     <body>  
  24.         <div id="chart1" style="width: 800px;height: 400px;">  
  25.             <!--  
  26.                 描写叙述：图表展示区域  
  27.             -->  
  28.         </div>  
  29.     </body>  
  30. </html>  

在此图表上，我们点击不论什么位置，都能够看到例如以下结果：
图表插件--jqplot交互演示样例_第1张图片

携带数据的交互处理

尽管前面的代码已经能够处理图表的一些事件，但对于一个应用程序来说，没有数据是没有多大意义的。上面的事件处理，我们无法从事件中取得不论什么数据，因此事件触发时所能做的也就有限。可是假设细致观察前面this.onClick函数，我们不难发现，在触发jqplotClick事件时，事实上是有数据传递给事件的：
[javascript] view plain copy 在CODE上查看代码片
  1. $(this).trigger(evt, [positions.gridPos, positions.dataPos, neighbor, p]);  

在这行代码的前面，我们能够知道这些传递的数据到底是什么意思。当中，position.gridPos是指鼠标点击位置相对于整个Grid对象的坐标位置，它是一个点对象，包括x和y两个属性；position.dataPos表示鼠标点击位置在数据区域所相应各个轴的取值，它也是一个对象，只是包括的属性则为xaxis、x2axis、yaxis、y2axis、y3axis、y4axis、y5axis、y6axis、y7axis、y8axis、y9axis以及yMidAxis；neighbor则为事件源数据，这里为空；參数p则为触发事件的图表对象。

有了这些数据，我们就能够在事件处理函数中使用它们。用法也非常easy，仅仅须要给四个參数到事件处理函数，这些数据就会自己主动注入到各个參数中。例如以下：
[javascript] view plain copy 在CODE上查看代码片
  1. // 第一个參数是Event对象，其余四个參数分别相应position.gridPos、position.dataPos、neighbor和p  
  2. $('#chart1').on('jqplotClick', function(ev, gridpos, datapos, neighbor, plot){  
  3.     plot.replot({  
  4.         seriesDefaults:{  
  5.             color:'#ff0000'  
  6.         }  
  7.     });  
  8. });  

如上，当我们再去点击图表时，图表中的数据线段就会变成红色，例如以下图效果：
图表插件--jqplot交互演示样例_第2张图片
如果我们的页面中有若干个图表，我们能够使用这样的方式，去模拟图表选中效果。当然，合理的应用事件传递的数据，还能做出其它很多其它更好的效果。

更精细的事件交互

在大多数情况下，当我们真的有需求要处理图表的点击事件时，通常我们希望可以处理被点的数据点而非整个图表。同一时候在处理PV数据点的事件时，我们肯定也希望可以从点击事件中知道，当前点击的究竟是哪个数据点，这个数据点的取值是什么。先来看一张图表：
[html] view plain copy 在CODE上查看代码片
  1. <!DOCTYPE html>  
  2. <html>  
  3.     <head>  
  4.         <meta charset="utf-8" />  
  5.         <title>图表事件交互</title>  
  6.         <link rel="stylesheet" type="text/css" href="js/jqPlot/1.0.4/jquery.jqplot.min.css"/>  
  7.         <!--[if lt IE 9]>  
  8.             <script language="javascript" type="text/javascript" src="js/jqPlot/1.0.4/excanvas.js"></script>  
  9.         <![endif]-->  
  10.         <script src="http://libs.baidu.com/jquery/1.8.2/jquery.min.js"></script>  
  11.         <script src="js/jqPlot/1.0.4/jquery.jqplot.min.js" type="text/javascript"></script>  
  12.         <script src="js/jqPlot/1.0.4/plugins/jqplot.pointLabels.min.js" type="text/javascript"></script>  
  13.         <script type="text/javascript" charset="utf-8">  
  14.             $(function(){  
  15.                 var chart = $.jqplot('chart1', [[75, 69, 71, 77, 76, 81, 73]], {  
  16.                     title:'《jqPlot图表插件使用说明》日阅读数趋势图',  
  17.                     axes:{          // 详细坐标轴属性  
  18.                         xaxis:{  
  19.                             label:'日期',  
  20.                             ticks:[[0,'06/22'], [1,'06/23'], [2,'06/24'],   
  21.                                    [3,'06/25'], [4,'06/26'], [5,'06/27'],   
  22.                                    [6,'06/28'], [7,'06/29'], [8,'06/30']  
  23.                                   ]  
  24.                         },  
  25.                         yaxis: {  
  26.                             label: '阅读数'  
  27.                         }  
  28.                     },   
  29.                     seriesDefaults:{  
  30.                         pointLabels: {  // 显示数据点，依赖于jqplot.pointLabels.min.js文件  
  31.                             show: true  
  32.                         }  
  33.                     }  
  34.                 });  
  35.                    
  36.                 $('#chart1').on('jqplotDataClick', function(ev, gridpos, datapos, neighbor, plot){  
  37.                      // 事件处理代码  
  38.                 });  
  39.             });  
  40.         </script>  
  41.     </head>  
  42.     <body>  
  43.         <div id="chart1" style="width: 800px;height: 400px;">  
  44.             <!-- 
  45.                 描写叙述：图表展示区域 
  46.             -->  
  47.         </div>  
  48.     </body>  
  49. </html>  

效果图：
图表插件--jqplot交互演示样例_第3张图片
在这张图表中，数据表示的是博客《jqPlot图表插件使用说明》的每日阅读数趋势。能够看出，6月23日阅读人数是75次，6月24日是69次等等。在实际业务需求中，更大可能是在点击75这个点的时候，我们要展示这75个读者的具体列表，查看他们究竟是哪些读者。这个时候，我们就得在事件处理中，推断点击的是哪一个点，这个点相应的日期是哪天。显然，假设仅仅是给图表绑定点击事件，这样的数据是无法取到的。

这个时候就要关注更为精细的交互了。除了图表总体的交互事件，jqPlot还能够在数据序列上注冊事件。与图表事件不同的是，仅仅有鼠标点击在数据节点上时，事件才会被触发。另外，与图表事件相比，数据序列上的事件名称会也不同，通常以“jqplotData”开头，后接事件类型。如jqplotDataClick、jqplotDataMouseover等等；数据序列中事件处理函数接收到的參数含义也有差别，第一个參数gridPos是指被点击的数据点在当前网格中的下标。单条线的图表取值都是0，仅仅有当同一时候存在多条线时，才干分辩出来。dataPos是指被点击的数据点在全部数据点中的位置下标，比方途中点击第一个点75时，dataPos就是0，点击69时，dataPos就是1，依此类推。neighbor则保存着被点的数据点的数据信息，它是一个数组，当中第一个元素是ticks的下标，第二个元素是该点相应的值，比方第一个点的值是75。最后一个參数plot仍代表当前点击图表对象，但在点击序列点时，貌似没有传入这个參数，所以会是undefined。

如上代码中是监听数据序列的点击事件，稍作改动例如以下：
[javascript] view plain copy 在CODE上查看代码片
  1. $('#chart1').on('jqplotDataClick', function(ev, gridpos, datapos, neighbor, plot){  
  2.     // 获取标签下标  
  3.     var tickIndex = neighbor[0];  
  4.     // 获取标签值（日期）  
  5.     var date = chart.axes.xaxis.ticks[tickIndex][1];  
  6.     // 拼接查询url  
  7.     var url = 'getReaders.action?date=' + encodeURIComponent(date);  
  8.     // 跳转url  
  9.     window.location.href = url;  
  10. });  

这样，我们就仅仅须要依据传递的日期，在getReader.action中处理请求，展示数据就可以：
图表插件--jqplot交互演示样例_第4张图片

你可能感兴趣的:(jqplot)

  • 【整理】前端图表框架 芸尚非 归纳整理前端echartsjavascript
    目录echarts（apache）chart.jshighchartsd3.jsJsChartsamchartschartlistc3.jstauchartsflotchartsflotr2FusionChartscanvasJscanvasExpressnvd3ZingChartrgraphjqplotprotovisdc.jsdygraphsdatawrapperaxiisAwesomeCha
  • 展现数据、制作表格和图表的JavaScript库 东北老T Web
    展现数据、制作表格和图表的JavaScript库，列在前20位的如下：HighCharts——它非常强大，你可以在JSFiddle中查看和编辑大量示例。它不免费，但拥有很多客户（IBM、NASA、MasterCard等）。它还向下兼容IE8。jqPlot——如果你已经在使用jQuery，不想为HighCharts付费，而且情况很简单，不需要D3那样复杂的库，那么jqPlot是很好的选择。dygra
  • jqplot AJAX JSON对象创建饼状图 wsk7860
    上篇文章为柱状图，这篇为饼状，主要是渲染的方式和构建JSON对象不同WEB端：/*饼状图函数*//*返回JSON对象必需类似于[[['name1',100],['name2',100]]]，jqplot自动换算成name1:50%,name2:50%*/functioncreatePieCharts(){varajaxDataRenderer=function(url,plot,options){
  • jqplot AJAX 获取JSON对象 动态生成柱状图 wsk7860
    项目需求，需要用到报表插件，以前提到过用Highcharts但商业用收费，继续找插件后来找到了jqplot虽然没有Highcharts好看但能实现功能就行了。直接贴代码WEB端：//柱状图函数/*多项数据对比显示AJAX返回JSON对象必需类似于[{'name':'名称1','list':[1,2],'year',2012},{'name':'名称2','list':[6,7],'year',20
  • 几个Web Charts框架 D_SJ
    jqPlotjqPlotispackagedwithallthebasiccharts,aswellasgaugesandcandlestick.Thesoftwareisopensourceandtotallyfree.jqPlotisbasedonthejQuerylibraryandusesthecanvasapproachforplottingcharts.Thisproducthasav
  • jqplot参数描述 z466459262 小框架或小语言
    jqPlot图形报表插件简介及参数详解(jquery)jqPlot是一款基于jquery类库的图标绘制插件。通过jqPlot可以再网页中绘制线状、柱状、饼状等多种样式图表。而且，jqPlot具有插件可扩展性(Pluggability)，你可以编写自己的图表样式。功能概述：有多种图表样式可供选择可以自定义日期轴线可设置旋转轴文字自动计算趋势线工具条提示和高亮数据点默认最优设置，非常易于使用以上功能在
  • freemarker中巧妙处理Object类型的js参数 weyoung001 javascriptfreemarker
    最近工作中写freemarker的时候碰到一种情况如下：$("#obj").jqplot({arg0:${arg0?html},arg1:${arg1?html},arg2:${arg1?html},arg3:"arg3"});jqplot方法的入参是一个Object类型的js对象，因为需要判断入参是否放在了freemarker的参数列表里，所以使用了if语句，同时为了保证当所有参数都不存在时入参
  • web前端js绘制统计图表,访问数据库 merrick326 JavaScript数据库
    现在有很多js库可以方便地在web客户端绘制出漂亮的统计图表，显示效果和开发易用性并不亚于在JSPServer端使用诸如JFreeChart组件生成图片流传递到客户端。一般要求浏览器支持html5的canvas功能，为兼容不支持的浏览器，js库另外提供了canvas脚本库。本例记录了采用免费开源基于jquery的js绘图库——jqplot、MSActiveX框架、MSAcess开发学习实例.部分源
  • jquery生成曲线 fairyhawk javaScript
    用的jquery报表。有些属性要设置。看效果主要设置1.数据来源数组2.2个纵坐标。并且起始为0，行数设置。3.横坐标日期显示。斜着显示。日期斜着显示找了半天。意外的好用了4.鼠标移动时的效果。需要的引用的js下载地址http://download.csdn.net/detail/fairyhawk/3626616.jqplot-cursor-legend{width:160px;font-fam
  • ECharts与Highcharts图表比较 sven_xu 第三方
    用过Highchars图表组件的朋友应该都知道其可配置性强，但是图表与用户的交互性还是有所欠缺。今天我们就来聊聊一款既配置性强有与用户有着良好交互性的图表ECharts吧！业界有无数js图表库，不乏优秀的代表，如chartjs，FusionCharts，amCharts，flot，RGraph，jqPlot，gRapha?l等等。有的是免费甚至开源的，有的则是商业的，百度一下就能找到他们。无法跟他
  • 使用jQuery jqPlot插件绘制柱状图
    在一个项目研发过程中，需要显示账户的资金情况，为了给客户良好的体验我们采用了柱状图形展现，绘图的过程如果使用原生态脚本绘制这样比较麻烦，时间也会比较长，所以我们选择了jqPlot插件进行绘制，这样可以节省大量的时间，也能很快就能展示给用户。插件官方地址：http://www.jqplot.com/具体实现如下：引用JS文件：复制代码代码如下:Html代码复制代码代码如下:Javascript脚本：
  • jQuery插件 Jqplot图表实例 酷小孩
    $(function(){//--------------官网---------------------------//varplot1=$.jqplot('chart1',[[3,7,9,1,4,6,8,2,5]]);//----------------实例-------------------------//varticks=['20110915','20111024','20111003',
  • jqPlot jQuery绘图插件的使用 沫鱼
    jqPlot是一个jQuery绘图插件，可以利用它制作漂亮的线状图和柱状图。jqPlot支持为图表设置各种不同的样式。提供Tooltips，数据点高亮显示等功能。官网：http://www.jqplot.com/这里贡献上中文教程，基本上所有的api都很齐全，供有需要的童鞋们瞧瞧，更重要的是作为自己滴收藏~~哦耶耶~jqPlot整的来说有三个地方需要配置。格式如：$.jqplot(‘target'
  • jqPlot 参数 q617610589 jqplot
    转载自：http://www.cnblogs.com/mofish/archive/2011/08/15/2139728.htmljqPlot整的来说有三个地方需要配置。格式如：    $.jqplot(‘target’,data,options);target：要显示的位置。data：显示的数据。options：其它配置seriesColors:["#4bb2c5","#c5b47f","#EA
  • 图表插件--jqplot交互演示样例 jqplot
    简单交互 在之前的学习中，我们已经能够绘制各种类型的图表，也能够给图表加入不同的组件，如标题、图例等等。但这些图表仅仅能用于展示数据，一旦希望对图表有所操作——比方查看数据明细——就显得束手无策了。事实上jqPlot是提供了图表事件交互功能的，且实现起来，也相当的简单。接下来我们要做的就是，学习假设监听图表事件，并对事件进行处理。 在jqPlot的源代码中，我们可以看到这种代码片段：
  • jquery 图形报表插件jqplot 柱状图 jquery
    jqplot默认制作曲线图，如果想做柱状图，必须引入plugin包中的插件js： 一、几个简单柱状图实例： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>demo1.html</title> &n
  • 强大的 Jquery图表绘制插件 —— jqPlot jquery
    jqPlot是 一款基于jquery类库的图标绘制插件。通过jqPlot可以再网页中绘制线状、柱状、饼状等多种样式图表。而且，jqPlot具有插件可扩展性 (Pluggability)，你可以编写自己的图表样式。jqPlot在之前有人 介 绍过了，这里我主要介绍它的一些用法和示例。 在jqPlot主页的自我介绍中有这样一句话：“jqPlot is a plotting plugin fo
  • jquery 图形报表插件jqplot 曲线图 jquery
       下载jqPlot压缩包后（目前是0.70版 本），可以看到以下主要文件：jquery-1.3.2.js，jquery1.3.2类库文件；jquery.jqplot.js，功能主文 件；jquery.jqplot.css，图表样式文件；excanvas.js，针对ie浏览器的修正文件；test*.html，一些示例文 件；plugins文件夹中放置jqplot的各种图表插件
  • jquery 图形报表插件jqplot 简介及参数详解 jquery
    前边也讲过一个基于java的图形报表，功能及外观也不错，但存在通用性的问 题。所以我们来学一个具有易用性+兼容性+可扩展性的js图表插件。 jqPlot是 一款基于jquery类库的图标绘制插件。通过jqPlot可以再网页中绘制线状、柱状、饼状等多种样式图表。而且，jqPlot具有插件可扩展性 (Pluggability)，你可以编写自己的图表样式。 功能概述： 有多种图表样式可供选择
  • jqPlot的Option配置对象详解 option
           如果看过本文姊妹篇《jqPlot ——基于jquery的图表绘制工具》的朋友，应该知道jqPlot大致的操作方法；如果还是不太清楚的话，可以参考jqPlot官方网站的使 用方法介绍。这里主要介绍jqPlot中核心部分——Option配置对象。同时，也会对jqplot的各个渲染器做个简单介绍。  &nbs
  • JQ 报表插件 jquery.jqplot 使用 jquery
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>显示报表</title> <meta http-equiv="content-type" co
  • jqplot配置详解 jqplot
    1 options = 2 { 3 seriesColors: [ "#4bb2c5", "#c5b47f", "#EAA228", "#579575", "#839557", "#958c12", 4
  • jqplot总结 jqplot
    JqPlot需要三个参数，1.位置，2.数据，3.配置。 重点是3.配置。 配置大概分为title(标题)，axes(xy轴)，series(数据的连续图)，dataRenderer外部数据加载方式，highlighter鼠标靠近，数据显示方式，cursor鼠标样式变化，以及显示当前数值。   axes轴里面有轴名字label；轴名字的渲染引擎labelRenderer，以及轴名
  • 不错的jQuery图表插件 . jquery
             很多时候我们需要在网页中显示数据统计报表，从而能很直观地了解数据的走向，更好地帮助决策分析。今天就给大家分享几个个人觉得好用的jQuery图表插件，这几个图表插件使用起来非常方便，而且挺灵活的，相信大家会喜欢。 1、jqPlot（中文API说明及示例和源码）推荐 jqPlot是一款基于jquery类库的图标绘制插件。通过jqP
  • 做统计图的好工具 工具
    http://www.jqplot.com/tests/coretests.php   http://jpuzi.com/html/effect16.html   A Versatile and Expandable jQuery Plotting Plugin! jqPlot is a plotting and charting plugin for the j
  • jqplot使用小心得 jqplot
    　 这两天做一个项目，需要画饼图，所以在网上搜到jqplot这个插件。下面就说说我对他的简单的使用心得。    先说说我想要的效果：1.我需要修改饼图每个部分的背景色 　　　　　　　　　　　2.我需要修改饼图里面文本的颜色和字体大小 　　　　　　　　　　　3.还需要右侧说明文本都是带链接的 　　　　　　　　　　　4.标题放在图表下面 　上效果图：左侧是我的，右侧是对比
  • jqplot统计图工具简单例子 jqplot
    代码 <% @ Page Language = " C# "  AutoEventWireup = " true "  CodeBehind = " Default.aspx.cs "  Inherits = " 统计图._Default "  
  • jqplot 饼图 jqplot
    1 <script type="text/javascript" src="jquery-1.7.1.min.js"></script> 2 3 <link href="jquery.jqplot.css" rel="stylesheet" type="text/cs
  • jQuery插件jqplot的详细配置说明和渲染器 jquery插件
    jQuery插件jqplot的详细配置说明和渲染器   (2012-08-23 08:57:42) 转载▼ 标签：  jqplot   详细配置   渲染器   it 分类：  技术类 jQuery.jqplot插件的官方网址：http://www.jqplot.com/ jQuery.jqplot
  • jquery jqPlot API 中文使用教程 jquery
    jqPlot是一个灰常强大的图表工具，曲线，柱状，饼图，应该有尽有，更要命的是，调用方便~~ 官网：http://www.jqplot.com/ 这里贡献上中文教程，基本上所有的api都很齐全，供有需要的童鞋们瞧瞧，更重要的是作为自己滴收藏~~哦耶耶~ jqPlot整的来说有三个地方需要配置。格式如：    $.jqplot(‘target’, data, op
  • 书其实只有三类 西蜀石兰 类
    一个人一辈子其实只读三种书，知识类、技能类、修心类。 知识类的书可以让我们活得更明白。类似十万个为什么这种书籍，我一直不太乐意去读，因为单纯的知识是没法做事的，就像知道地球转速是多少一样（我肯定不知道），这种所谓的知识，除非用到，普通人掌握了完全是一种负担，维基百科能找到的东西，为什么去记忆？ 知识类的书，每个方面都涉及些，让自己显得不那么没文化，仅此而已。社会认为的学识渊博，肯定不是站在
  • 《TCP/IP 详解，卷1：协议》学习笔记、吐槽及其他 bylijinnan tcp
    《TCP/IP 详解，卷1：协议》是经典，但不适合初学者。它更像是一本字典，适合学过网络的人温习和查阅一些记不清的概念。 这本书，我看的版本是机械工业出版社、范建华等译的。这本书在我看来，翻译得一般，甚至有明显的错误。如果英文熟练，看原版更好： http://pcvr.nl/tcpip/ 下面是我的一些笔记，包括我看书时有疑问的地方，也有对该书的吐槽，有不对的地方请指正： 1.
  • Linux—— 静态IP跟动态IP设置 eksliang linuxIP
    一.在终端输入 vi /etc/sysconfig/network-scripts/ifcfg-eth0 静态ip模板如下： DEVICE="eth0" #网卡名称 BOOTPROTO="static" #静态IP（必须） HWADDR="00:0C:29:B5:65:CA" #网卡mac地址 IPV6INIT=&q
  • Informatica update strategy transformation 18289753290
    更新策略组件： 标记你的数据进入target里面做什么操作，一般会和lookup配合使用，有时候用0,1,1代表 forward  rejected rows被选中，rejected row是输出在错误文件里，不想看到reject输出，将错误输出到文件，因为有时候数据库原因导致某些column不能update，reject就会output到错误文件里面供查看，在workflow的
  • 使用Scrapy时出现虽然队列里有很多Request但是却不下载，造成假死状态 酷的飞上天空 request
    现象就是： 程序运行一段时间，可能是几十分钟或者几个小时，然后后台日志里面就不出现下载页面的信息，一直显示上一分钟抓取了0个网页的信息。 刚开始已经猜到是某些下载线程没有正常执行回调方法引起程序一直以为线程还未下载完成，但是水平有限研究源码未果。 经过不停的google终于发现一个有价值的信息，是给twisted提出的一个bugfix 连接地址如下http://twistedmatrix.
  • 利用预测分析技术来进行辅助医疗 蓝儿唯美 医疗
    2014年，克利夫兰诊所（Cleveland Clinic）想要更有效地控制其手术中心做膝关节置换手术的费用。整个系统每年大约进行2600例此类手术，所以，即使降低很少一部分成本，都可以为诊 所和病人节约大量的资金。为了找到适合的解决方案，供应商将视野投向了预测分析技术和工具，但其分析团队还必须花时间向医生解释基于数据的治疗方案意味着 什么。  克利夫兰诊所负责企业信息管理和分析的医疗
  • java 线程(一)：基础篇 DavidIsOK java多线程线程
                                                            &nbs
  • Tomcat服务器框架之Servlet开发分析 aijuans servlet
    最近使用Tomcat做web服务器，使用Servlet技术做开发时，对Tomcat的框架的简易分析： 疑问： 为什么我们在继承HttpServlet类之后，覆盖doGet(HttpServletRequest req, HttpServetResponse rep)方法后，该方法会自动被Tomcat服务器调用，doGet方法的参数有谁传递过来？怎样传递？ 分析之我见： doGet方法的
  • 揭秘玖富的粉丝营销之谜 与小米粉丝社区类似 aoyouzi 揭秘玖富的粉丝营销之谜
    玖富旗下悟空理财凭借着一个微信公众号上线当天成交量即破百万，第七天成交量单日破了1000万;第23天时，累计成交量超1个亿……至今成立不到10个月，粉丝已经超过500万，月交易额突破10亿，而玖富平台目前的总用户数也已经超过了1800万，位居P2P平台第一位。很多互联网金融创业者慕名前来学习效仿，但是却鲜有成功者，玖富的粉丝营销对外至今仍然是个谜。   　　近日，一直坚持微信粉丝营销
  • Java web的会话跟踪技术 百合不是茶 url会话Cookie会话Seession会话Java Web隐藏域会话
    会话跟踪主要是用在用户页面点击不同的页面时,需要用到的技术点   会话:多次请求与响应的过程     1,url地址传递参数,实现页面跟踪技术          格式:传一个参数的 url?名=值     传两个参数的 url?名=值 &名=值   关键代码
  • web.xml之Servlet配置 bijian1013 javaweb.xmlServlet配置
    定义： <servlet> <servlet-name>myservlet</servlet-name> <servlet-class>com.myapp.controller.MyFirstServlet</servlet-class> <init-param> <param-name>
  • 利用svnsync实现SVN同步备份 sunjing SVN同步E000022svnsync镜像
    1. 在备份SVN服务器上建立版本库    svnadmin create test 2. 创建pre-revprop-change文件     cd test/hooks/     cp pre-revprop-change.tmpl pre-revprop-change 3. 修改pre-revprop-
  • 【分布式数据一致性三】MongoDB读写一致性 bit1129 mongodb
    本系列文章结合MongoDB，探讨分布式数据库的数据一致性，这个系列文章包括： 数据一致性概述与CAP 最终一致性(Eventually Consistency) 网络分裂(Network Partition)问题 多数据中心(Multi Data Center) 多个写者(Multi Writer)最终一致性 一致性图表(Consistency Chart) 数据
  • Anychart图表组件-Flash图转IMG普通图的方法 白糖_ Flash
    问题背景：项目使用的是Anychart图表组件，渲染出来的图是Flash的，往往一个页面有时候会有多个flash图，而需求是让我们做一个打印预览和打印功能，让多个Flash图在一个页面上打印出来。   那么我们打印预览的思路是获取页面的body元素，然后在打印预览界面通过$("body").append(html)的形式显示预览效果，结果让人大跌眼镜：Flash是
  • Window 80端口被占用 WHY? bozch 端口占用window
    平时在启动一些可能使用80端口软件的时候，会提示80端口已经被其他软件占用，那一般又会有那些软件占用这些端口呢？    下面坐下总结：         1、web服务器是最经常见的占用80端口的，例如：tomcat , apache  , IIS , Php等等；         2
  • 编程之美-数组的最大值和最小值-分治法（两种形式） bylijinnan 编程之美
    import java.util.Arrays; public class MinMaxInArray { /** * 编程之美 数组的最大值和最小值 分治法 * 两种形式 */ public static void main(String[] args) { int[] t={11,23,34,4,6,7,8,1,2,23}; int[]
  • Perl正则表达式 chenbowen00 正则表达式perl
    首先我们应该知道 Perl 程序中，正则表达式有三种存在形式，他们分别是： 匹配：m/<regexp>;/ （还可以简写为 /<regexp>;/ ，略去 m） 替换：s/<pattern>;/<replacement>;/ 转化：tr/<pattern>;/<replacemnt>;
  • [宇宙与天文]行星议会是否具有本行星大气层以外的权力呢? comsci
          举个例子: 地球,地球上由200多个国家选举出一个代表地球联合体的议会,那么现在地球联合体遇到一个问题,地球这颗星球上面的矿产资源快要采掘完了....那么地球议会全体投票,一致通过一项带有法律性质的议案,既批准地球上的国家用各种技术手段在地球以外开采矿产资源和其它资源........    &
  • Oracle Profile 使用详解 daizj oracleprofile资源限制
    Oracle Profile 使用详解 转 一、目的： Oracle系统中的profile可以用来对用户所能使用的数据库资源进行限制，使用Create Profile命令创建一个Profile，用它来实现对数据库资源的限制使用，如果把该profile分配给用户，则该用户所能使用的数据库资源都在该profile的限制之内。 二、条件： 创建profile必须要有CREATE PROFIL
  • How HipChat Stores And Indexes Billions Of Messages Using ElasticSearch & Redis dengkane elasticsearchLucene
    This article is from an interview with Zuhaib Siddique, a production engineer at HipChat, makers of group chat and IM for teams. HipChat started in an unusual space, one you might not
  • 循环小示例，菲波拉契序列，循环解一元二次方程以及switch示例程序 dcj3sjt126com c算法
    # include <stdio.h> int main(void) { int n; int i; int f1, f2, f3; f1 = 1; f2 = 1; printf("请输入您需要求的想的序列："); scanf("%d", &n); for (i=3; i<n; i
  • macbook的lamp环境 dcj3sjt126com lamp
      sudo vim /etc/apache2/httpd.conf   /Library/WebServer/Documents 是默认的网站根目录   重启Mac上的Apache服务   这个命令很早以前就查过了，但是每次使用的时候还是要在网上查： 停止服务：sudo /usr/sbin/apachectl stop 开启服务：s
  • java ArrayList源码 下 shuizhaosi888 ArrayList源码
    版本 jdk-7u71-windows-x64   JavaSE7 ArrayList源码上：http://flyouwith.iteye.com/blog/2166890     /** * 从这个列表中移除所有c中包含元素 */ public boolean removeAll(Collection<?> c) {
  • Spring Security（08）——intercept-url配置 234390216 Spring Securityintercept-url访问权限访问协议请求方法
    intercept-url配置 目录 1.1     指定拦截的url 1.2     指定访问权限 1.3     指定访问协议 1.4     指定请求方法   1.1   &n
  • Linux环境下的oracle安装 jayung oracle
    linux系统下的oracle安装 本文档是Linux(redhat6.x、centos6.x、redhat7.x) 64位操作系统安装Oracle 11g(Oracle Database 11g Enterprise Edition Release 11.2.0.4.0 - 64bit Production)，本文基于各种网络资料精心整理而成，共享给有需要的朋友。如有问题可联系：QQ：52-7
  • hotspot虚拟机 leichenlei javaHotSpotjvm虚拟机文档
    JVM参数  http://docs.oracle.com/javase/6/docs/technotes/guides/vm/index.html   JVM工具 http://docs.oracle.com/javase/6/docs/technotes/tools/index.html   JVM垃圾回收 http://www.oracle.com
  • 读《Node.js项目实践：构建可扩展的Web应用》 ——引编程慢慢变成系统化的“砌砖活” noaighost Webnode.js
    读《Node.js项目实践：构建可扩展的Web应用》 ——引编程慢慢变成系统化的“砌砖活” 眼里的Node.JS 初初接触node是一年前的事，那时候年少不更事。还在纠结什么语言可以编写出牛逼的程序，想必每个码农都会经历这个月经性的问题：微信用什么语言写的？facebook为什么推荐系统这么智能，用什么语言写的？dota2的外挂这么牛逼，用什么语言写的？……用什么语言写这句话，困扰人也是阻碍
  • 快速开发Android应用 rensanning android
    Android应用开发过程中，经常会遇到很多常见的类似问题，解决这些问题需要花时间，其实很多问题已经有了成熟的解决方案，比如很多第三方的开源lib，参考 Android Libraries 和 Android UI/UX Libraries。 编码越少，Bug越少，效率自然会高。 但可能由于 根本没听说过、听说过但没用过、特殊原因不能用、自己已经有了解决方案等等原因，这些成熟的解决
  • 理解Java中的弱引用 tomcat_oracle java工作面试
    　不久之前，我 面试了一些求职Java高级开发工程师的应聘者。我常常会面试他们说，“你能给我介绍一些Java中得弱引用吗？”，如果面试者这样说，“嗯，是不是垃圾回收有关的？”，我就会基本满意了，我并不期待回答是一篇诘究本末的论文描述。 　　然而事与愿违，我很吃惊的发现，在将近20多个有着平均5年开发经验和高学历背景的应聘者中，居然只有两个人知道弱引用的存在，但是在这两个人之中只有一个人真正了
  • 标签输出html标签" target="_blank">关于标签输出html标签 xshdch jsp
    http://back-888888.iteye.com/blog/1181202 关于<c:out value=""/>标签的使用，其中有一个属性是escapeXml默认是true(将html标签当做转移字符，直接显示不在浏览器上面进行解析)，当设置escapeXml属性值为false的时候就是不过滤xml，这样就能在浏览器上解析html标签， &nb
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他