用于测试twitter。

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

发表在 随便说说 | 留下评论

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

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

关于wmode属性可查看这里

代码(定义嵌入内容,插件):

<embed 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获得当前节点的兄弟节点

例如有这样的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,或许对你有用。

发表在 JavaScript | 标签为 | 留下评论

常用布局

<!DOCTYPE HTML>
<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

发表在 CSS, html | 留下评论

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

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

可以使用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”,并提交浏览器下载。

发表在 系统 | 留下评论

今日情人节

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

发表在 随便说说 | 2 条评论

萧伯纳的儿子

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

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

发表在 随便说说 | 留下评论

明天回家了

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

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

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

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

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

发表在 随便说说 | 留下评论

忽然间想要写一个小软件

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

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

发表在 随便说说 | 留下评论

年终总结。

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

发表在 随便说说 | 2 条评论