(最近新弄的几个小demo) 之 (aer...-(最近新弄的几个小demo) 之 (Hig...-PHP调试利器Xdebug安装配置教程

当前位置: 编程技术>WEB前端

本页文章导读:

▪(最近新弄的几个小demo) 之 (aero windows 使用)后续更新中，比较实用例子下载地址http://www.baidupcs.com/file/3656787519c88489167e7e1caa5f7801?fid=2467423588-250528-2508150713&time=1362982485&sign=FDTA-DCb740ccc5511e5e8fedcff06b081203-J6HlqV0zl3%2F2g84ONZKQKWjfW2g%3D&expires=1h大家来了解一下里.........

▪(最近新弄的几个小demo) 之 (Highcharts-2.3.0使用)后续更新中，比较实用例子下载地址http://www.baidupcs.com/file/578d9ad8524e2abb21134cd24cb7c407?fid=2467423588-250528-1196545267&time=1362980841&sign=FDTA-DCb740ccc5511e5e8fedcff06b081203-zLox4hFniVTciMJFzd8co7dF3jk%3D&expires=1h下面的demo都是例子.........

▪PHP调试利器Xdebug安装配置教程 ......

[1](最近新弄的几个小demo) 之 (aero windows 使用)后续更新中，比较实用

来源: 发布时间: 2013-11-06

例子下载地址

http://www.baidupcs.com/file/3656787519c88489167e7e1caa5f7801?fid=2467423588-250528-2508150713&time
=1362982485&sign=FDTA-DCb740ccc5511e5e8fedcff06b081203-J6HlqV0zl3%2F2g84ONZKQKWjfW2g%3D&expires=1h

大家来了解一下里面的参数和 js文件我和美工已经修改过来用到项目中还不错

$('#Firefoxapp').AeroWindow({ //直接打开页面就加载
WindowTitle: 'FireFox',//弹出框的左上角显示什么
WindowPositionTop: 50, //定位
WindowPositionLeft: 900,
WindowWidth: 400, //宽高
WindowHeight: 200,
WindowAnimation: 'easeOutCubic', //2种出现模式 easeOutBounce
WindowResizable: true,
WindowDraggable: true,
WindowMinimize: false, //是否可以最小化
WindowMaximize: false,//是否可以最大化
WindowClosable: true//是否可以关闭
});

$('#Firefoxicon').click(function () { //给一个控件绑定点击事件比如web.qq里面的那样弹出了
$('#Firefoxapp').AeroWindow({
WindowTitle: 'FireFox',
WindowPositionTop: 'center',
WindowPositionLeft: 'center',
WindowWidth: 700,
WindowHeight: 500,
WindowAnimation: 'easeOutCubic'
});
});

来了解一下 jquery-AeroWindow.js里面的东西

if (o.WindowMinimize) {
if (o.WindowMaximize || o.WindowClosable) {
var WinMinBtn = '<a href="#" title="最小化" ></a><div ></div>';
} else {
var WinMinBtn = '<a href="#" title="最小化" ></a>';
}
} else {
var WinMinBtn = '';
}
//BTN ---
if (o.WindowMaximize) {
if (o.WindowClosable) {
var WinMaxBtn = '<div ><a href="#" title="最大化" ></a><div ></div></div>';
var WinRegBtn = '<div ><a href="#" title="最大化" ></a><div ></div></div>';
} else {
var WinMaxBtn = '<div ><a href="#" title="最大化" ></a></div>';
var WinRegBtn = '<div ><a href="#" title="最大化" ></a></div>';
}
} else {
var WinMaxBtn = '';
var WinRegBtn = '';
}

//这一块代码是拼出弹出框的代码里面可以随意修改

MaximizeWindow() 最大化的事件

MinimizeWindow()最小化事件

FocusWindow(Window)点击的事件

其他的没什么修改的

可以去添加能拉大拉小的功能最小化像web.qq那样的弹出框美化一下就可以使用了 www.gnetcloud.com

本文链接

[2](最近新弄的几个小demo) 之 (Highcharts-2.3.0使用)后续更新中，比较实用

来源: 发布时间: 2013-11-06

例子下载地址

http://www.baidupcs.com/file/578d9ad8524e2abb21134cd24cb7c407?fid=2467423588-250528-1196545267&time=
1362980841&sign=FDTA-DCb740ccc5511e5e8fedcff06b081203-zLox4hFniVTciMJFzd8co7dF3jk%3D&expires=1h

下面的demo都是例子里面没有提到的参数，总结了一下实际要用到的参数，然后全部放上来

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>曲线图</title>
<script src="/Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/blog_article/Highcharts-2.3.0/js/highcharts.js"></script>
<script type="text/javascript" src="/blog_article/Highcharts-2.3.0/js/modules/exporting.js"></script>
<script type="text/javascript">
$(function () {
var chart;
$(document).ready(function () {
var tmpcount = ['2012/1', '2012/2', '2012/3', '2012/4', '2012/5', '2012/6',
'2012/7', '2012/8', '2012/9', '2012/10', '2012/11', '2012/12'];
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',//要渲染到那个标签
type: 'line',//类型目前我用到了 line column pie (column line area综合)
marginRight: 130,
marginBottom: 25
},
lang:{ //这个是修改是上面打印下载的提升为汉字，如果在highcharts.js里面修改简直累死
exportButtonTitle: '导出',
printButtonTitle: '打印',
downloadJPEG:"下载JPEG 图片",
downloadPDF: "下载PDF文档",
downloadPNG: "下载PNG 图片",
downloadSVG: "下载SVG 矢量图",
},
credits: {//右下角的文本
enabled: true,
position: {//位置设置
align: 'right',
x: -10,
y: -10
},
href: "http://www.baidu.com", //点击文本时的链接
style: {
color: 'blue'
},
text: "xxxx 信息科技有限公司"//显示的内容
},
exporting:{// 是否允许导出就是右上角的按钮显示不显示
enabled:true,
},
title: {
text: '北京(一级标题)',
x: -20 //center
},
subtitle: {
text: '2012年温度各区对比(二级标题)',
x: -20
},
xAxis: {
categories: ['2012/1', '2012/2', '2012/3', '2012/4', '2012/5', '2012/6',
'2012/7', '2012/8', '2012/9', '2012/10', '2012/11', '2012/12']
},
plotOptions: { //要想添加事件只能这样写了好多地方都找不到的
line: {
cursor: 'pointer',
point: {
events: {
click: function () {
alert(this.series.name + ' ' + tmpcount[this.x] + ' ' + this.y + '摄氏度');
}

//click: function (e) {
// alert(e.point.name + ' ' + e.point.percentage);
//}如果是饼状图需要这样写不然拿不到参数搞了半天

}
}
}
},
yAxis: {
title: {
text: '温度(℃)'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: { //这个是鼠标放在上面提升的文字
formatter: function () {
return '<b>' + this.series.name + '</b><br/>' +
this.x + ': ' + this.y + '摄氏度';
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
series: [{ //这个是绑定数据了。
name: '丰台',
data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 45.2, 26.5, 23.3, 18.3, 13.9, 9.6]
}, {
name: '海淀',
data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
}, {
name: '朝阳',
data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
}, {
name: '宣威',
data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
}]
});
});
});
</script>
</head>
<body>
<div id="container" >
</div>
</body>
</html>

常用的属性我就看到这了。下面是查看了api文档后，看到的一堆属性，大家保存着，不知道用什么了，查查。

chart.events.addSeries：添加数列到图表中。
chart.events.click：整个图表的绘图区上所发生的点击事件。
chart.events.load：图表加载事件。
chart.events.redraw：图表重画事件，当点击图注显示和隐藏绘图时可以触发。
chart.events.selection：当图表曲线可选择放大时，当选择图表操作时，可以触发该事件。
chart.height：所绘制图表的高度值。
chart.inverted：图表中的x，y轴对换。
chart.polar：是否为极性图表。
chart.reflow：当窗口大小改变时，图表宽度自适应窗口大小改变。
chart.renderTo：图表加载的位置，是页面上的一个DOM对象。
chart.showAxes：在空白图表中，是否显示坐标轴。
chart.type：图表的类型，默认为line，还有bar/column/pie……
chart.width：图表绘图区的宽度，默认为自适应。
chart.zoomType：图表中数据报表的放大类型，可以以X轴放大，或是以Y轴放大，还可以以XY轴同时放大。
colors：图表中多数列时，各数列之间的颜色。是一个数组，一般不动。
credits.enabled：是否允许显示版权信息。
credits.href：版权所有的链接。
credits.text：版权信息显示文字。
exporting.buttons.exportButton.enabled：是否允许显示导出按钮。
exporting.buttons.exportButton.menuItems：导出按钮的菜单选项。
exporting.buttons.exportButton.onclick：导出按钮被点击的事件，不是内部的菜单。
exporting.buttons.printButton.enabled：是否允许打印按钮。
exporting.buttons.printButton.onclick：打印按钮的点击事件。
exporting.enabled：打印和导出按钮是否被允许。
exporting.filename：被导出文件的文件名。
exporting.type：默认导出图片的文件格式。
exporting.url：SVG图表转换并导出的接口处理地址。
exporing.width：默认导出图片的宽度。
labels：标签，可以加载到图表的任何位置，里面有items，style。
lang：语言参数配置，与导出按钮菜单有关的配置，时间名称的配置等。
legend.enabled：是否允许图注。
navigation.buttonOptions.enabled：图表中所有导航中的按钮是否可被点击。
plotOptions.area.allowPointSelect：是否允许数据点的点击。
plotOptions.area.color：绘图的颜色。
plotOptions.area.dataLabels.enabled：是否允许数据标签。
plotOptions.area.enableMouseTracking：是否允许数据图表中，数据点的鼠标跟踪气泡显示。
plotOptions.area.events.checkboxClick：数据图表中图注中复选框的点击事件。
plotOptions.area.events.click：数据图表中，数据点的点击事件。
plotOptions.area.events.hide：数据图表中，某一数据序列隐藏时的事件。
plotOptions.area.events.show：数据图表中，某一数据序列显示时的事件。
plotOptions.area.events.legendItemClick：数据图表中，图注中的项目被点击时的事件，直接赋值false，则不可点击。
plotOptions.area.events.mouseOut：数据点的鼠

[3]PHP调试利器Xdebug安装配置教程

来源: 互联网发布时间: 2013-11-06

  作者:zhanhailiang 日期:2013-03-11

1.简述

引用官方描述：

The Xdebug extension helps you debugging your script by providing a lot of valuable debug information.

2.安装配置教程

# 下载xdebug安装包
linux-06bq:/data/software/ # wget http://xdebug.org/files/xdebug-2.2.1.tgz
linux-06bq:/data/software/ # tar zxvf xdebug-2.2.1.tgz
linux-06bq:/data/software/ # cd xdebug-2.2.1/
 
# 编译安装xdebug
linux-06bq:/data/software/xdebug-2.2.1/ # phpize
linux-06bq:/data/software/xdebug-2.2.1/ # ./configure --with-php-config=/usr/local/services/php/bin/php-config --enable-xdebug
linux-06bq:/data/software/xdebug-2.2.1/ # make
linux-06bq:/data/software/xdebug-2.2.1/ # sudo make install
Installing shared extensions:     /usr/local/services/php/lib/php/extensions/no-debug-non-zts-20090626/
 
  +----------------------------------------------------------------------+
  |                                                                      |
  |   INSTALLATION INSTRUCTIONS                                          |
  |   =========================                                          |
  |                                                                      |
  |   See http://xdebug.org/install.php#configure-php for instructions   |
  |   on how to enable Xdebug for PHP.                                   |
  |                                                                      |
  |   Documentation is available online as well:                         |
  |   - A list of all settings:  http://xdebug.org/docs-settings.php     |
  |   - A list of all functions: http://