记录成长历程

用于测试twitter。

王涛 — Thu, 10 Nov 2011 09:57:33 +0000

这是一个测试文章，看twitter会不会自动同步博客文章。

【记录】flash遮盖div的问题。

王涛 — Fri, 21 Oct 2011 08:36:48 +0000

flash始终飘在div层上，设置z-index属性无效。解决的方法是加上wmode属性。

关于wmode属性可查看这里

代码(定义嵌入内容，插件)：

width="100%" height="100%" allownetworking="all" allowscriptaccess="always" quality="high" bgcolor="#666" name="Jvideo" id="JvideoFlash" wmode="transparent" src="wmode.swf" type="application/x-shockwave-flash">

或（以ActiveX控件运行flash的浏览器，比如IE系）：

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="300" height="300">
<param name="movie" value="wmode.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent"></object>

对flash做了这样的操作后，就可以使用z-index操作遮盖问题了。

jquery获得当前节点的兄弟节点

王涛 — Tue, 21 Jun 2011 02:03:09 +0000

例如有这样的HTML结构

<ul>
<li>
<h3 class="title">标题1</h3>
<ul>
<li>项目1</li>
<li>项目2</li>
</ul>
</li>
<li>
<h3 class="title">标题2</h3>
<ul>
<li>项目1</li>
<li>项目2</li>
</ul>
</li>
</ul>

需要点击h3，对其兄弟节点ul进行相关操作：

$(".title").click(function () { $(this).parent().find('ul').addClass('show'); });

就是先返回其父节点，然后再在其子节点搜索ul，返回jQuery对象，可以使用jQuery的各种方法进行操作。这种方式会对所以符合要求的子节点进行操作，需要查某一个，可以选择搜索class。

<ul>
	<li>
		<h3 class="title">标题1</h3>
		<ul class="x2">
			<li>项目1</li>
			<li>项目2</li>
		</ul>
		<ul>
			<li>项目4</li>
			<li>项目5</li>
		</ul>
		<ul>
			<li>项目6</li>
			<li>项目7</li>
		</ul>
		<ul>
			<li>项目8</li>
			<li>项目9</li>
		</ul>
	</li>
	<li>
		<h3 class="title">标题1</h3>
		<ul>
			<li>项目11</li>
			<li>项目12</li>
		</ul>
		<ul>
			<li>项目12</li>
			<li>项目14</li>
		</ul>
		<ul>
			<li>项目15</li>
			<li>项目16</li>
		</ul>
		<ul>
			<li>项目17</li>
			<li>项目18</li>
		</ul>
	</li>
</ul>

$(".title").click(function () { $(this).parent().find('.x2').addClass('show'); });

半途不废学JavaScript，或许对你有用。

常用布局

王涛 — Tue, 01 Mar 2011 23:41:59 +0000


<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>常用布局</title>
		<style type="text/css">
			body {margin:0;padding:0;background:url("bg2.png") repeat-x;}
			p, h1 {margin:0;padding:0;text-align:center;}
			h1 {text-align:left;color:#FFFFFF;}
			#header {height:90px;background:url("bg.png") repeat-y center;margin:0 auto;display:table;width:100%;}
			#page {width:700px;height:500px;background:#2CDA4A;margin:0 auto;}
			#logo {width:700px;margin:0 auto;}
		</style>
	</head>
	<body>
		<div id="header">
			<div id="logo">
				<h1>头部内容</h1>
			</div>
		</div>
		<div id="page">
			<p>这里是内容！</p>
			<p>这里是内容！</p>
			<p>这里是内容！</p>
			<p>这里是内容！</p>
			<p>这里是内容！</p>
			<p>这里是内容！</p>
			<p><-- 11 --></p>
		</div>
	</body>
</html>

dome

nginx X-Accel-Redirect下载文件的应用

王涛 — Wed, 23 Feb 2011 14:35:50 +0000

要做一个下载的程序，如果直接是一个真实的文件链接，那么下载就无法进行控制。

可以使用CGI程序将文件从服务器读出来，然后提交客户端下载。这个虽然可以在CGI程序里进行控制，但下载效率很低，对系统资源消耗高。最好的方法就是先用CGI程序控制文件的下载，然后将下载文件的任务交给web服务器。

下面就是我利用nginx做的一次实验。

X-Accel-Redirect：官方解释为http://wiki.nginx.org/NginxXSendfile

我在nginx的配置文件里，添加下面的配置信息：

location /down {
        internal;
        alias   C:/QMDownload/test;
        }

我的php代码为：

header("Content-Type: application/force-download");         #表明是一个下载请求
header('Accept-Range : byte ');   #文件单位
header('Accept-Length: 3428');    #文件长度
header('Content-Disposition: attachment; filename=file.txt');#文件名
header("X-Accel-Redirect: /down/file.txt");      #nginx重定向请求

在这个配置信息中：

第一行：表明监控/down的请求。

第二行：表示这是一个服务器内部请求，不会泄漏给客户端。

第三秆：别名，设置为文件存放的真实位置。

在PHP程序中：前面四行就是告诉浏览器，这是一个下载请求，文件大小，文件名。最后一行，就是使用X-Accel-Redirect告诉浏览器文件在服务器的位置。file.txt这个文件在我电脑的位置为：“C:/QMDownload/test”，php网站目录为：C:/nginx-0.9.4/html。

运行PHP时，X-Accel-Redirect会跳转文件到/down/file.txt，而在nginx里将down转换成内部路径C:/QMDownload/test，nginx就能直接读取到真实的文件路径“C:/QMDownload/test/file.txt”，并提交浏览器下载。

今日情人节

王涛 — Mon, 14 Feb 2011 15:34:19 +0000

从公司步行回来，歌舞升平，好一派太平盛世模样。

萧伯纳的儿子

王涛 — Fri, 11 Feb 2011 13:43:08 +0000

大作家萧伯纳年轻的时候，便名声大噪了。美国著名舞蹈家邓肯有一次写信给他，说:“假如我们两个结婚，生下的孩子头脑像你，面孔像我，该有多好哟。”

萧伯纳接到信，笑了笑，一本正经地给她回了一封信，其中一段是这样写的:“要是生的孩子，头脑像你，而面孔像我，那岂不是糟透了！”

明天回家了

王涛 — Sun, 30 Jan 2011 14:15:37 +0000

这两周是非常忙碌一日子，连着上了十四天的班，每天七点多起床，凌晨1点多睡觉。每天在办公室除了写代码，还要思考这些代码用在哪里才是最优的。产品要有哪些功能。在临近过年的时间，白天写代码，晚上修复BUG。

每天一瓶咖啡，这两周写的代码就像作家写了部长篇小说一样。

记得我小时候，想过当科学家，画家，发明家。现在我成为了一枚程序员，跟那些愿望都差不多。

希望明年能入手一台mac book pro。

希望明年能静下心来，多更新博客。

忽然间想要写一个小软件

王涛 — Sat, 29 Jan 2011 08:03:04 +0000

windows的多窗口，很方便，方便用户在各个程序中快速切换。但是这样也容易出现注意力不集中，把时间大量浪费在从这个窗口换到那个窗口。

所以我就想写一个这样的软件。目的在于提高电脑使用效率。

年终总结。

王涛 — Thu, 30 Dec 2010 14:38:34 +0000

今年6月从学校毕业了。7月1日加入到了现在的这个公司。忙并快乐着。