<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Elton&#039;s Blog &#187; Web</title>
	<atom:link href="http://blog.prosight.me/index.php/category/agile-web-development/web/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.prosight.me</link>
	<description>移动开发，敏捷web开发，Linux服务器部署维护，web UI和UE设计，摄影</description>
	<lastBuildDate>Wed, 08 Feb 2012 00:22:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Nginx使用Linux内存加速静态文件访问</title>
		<link>http://blog.prosight.me/index.php/2012/02/889?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=nginx%25e4%25bd%25bf%25e7%2594%25a8linux%25e5%2586%2585%25e5%25ad%2598%25e5%258a%25a0%25e9%2580%259f%25e9%259d%2599%25e6%2580%2581%25e6%2596%2587%25e4%25bb%25b6%25e8%25ae%25bf%25e9%2597%25ae</link>
		<comments>http://blog.prosight.me/index.php/2012/02/889#comments</comments>
		<pubDate>Sun, 05 Feb 2012 01:18:43 +0000</pubDate>
		<dc:creator>Elton</dc:creator>
				<category><![CDATA[Linux]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Mem]]></category>
		<category><![CDATA[nginx]]></category>

		<guid isPermaLink="false">http://blog.prosight.me/?p=889</guid>
		<description><![CDATA[Nginx是一个非常出色的静态资源web服务器。如果你嫌它还不够快，可以把放在磁盘中的文件，映射到内存中，减少高并发下的磁盘IO。 先做几个假设。nginx.conf中所配置站点的路径是/home/wwwroot/res，站点所对应文件原始存储路径：/opt/web/res shell脚本非常简单，思路就是拷贝资源文件到内存中，然后在把网站的静态文件链接指向到内存中即可。具体如下： 1 2 3 4 5 6 7 8 9 10 11 12 13 #! /bin/bash &#160; res_path=&#34;/opt/web/res&#34; mem_path=&#34;/dev/shm/res&#34; lk_path=&#34;/home/wwwroot/res&#34; &#160; if &#91; ! -d &#34;$mem_path&#34; &#93;; then cp -r &#34;$res_path&#34; &#34;$mem_path&#34; fi &#160; if &#91; ! -L &#34;$lk_path&#34; &#93;; then ln -s &#34;$mem_path&#34; &#34;$lk_path&#34; fi =================== 更新测试数据 利用上述方法，在公司的测试服务器上做了个测试，速度提升明显，速度几乎翻倍。 测试前提：将测试网站的首页全部内容包括html，图片，js，css等所有元素都拷贝到内存中,并且每次用户请求静态资源文件都不会缓存。使用LoadRunner按照200和100并发分别进行压力测试。 测试结果: 在高并发下全部使用磁盘文件200人并发 2分钟 [...]]]></description>
		<wfw:commentRss>http://blog.prosight.me/index.php/2012/02/889/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>为自己的网站实现Heatmap</title>
		<link>http://blog.prosight.me/index.php/2011/08/795?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=%25e4%25b8%25ba%25e8%2587%25aa%25e5%25b7%25b1%25e7%259a%2584%25e7%25bd%2591%25e7%25ab%2599%25e5%25ae%259e%25e7%258e%25b0heatmap</link>
		<comments>http://blog.prosight.me/index.php/2011/08/795#comments</comments>
		<pubDate>Sat, 20 Aug 2011 03:18:23 +0000</pubDate>
		<dc:creator>Elton</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.prosight.me/?p=795</guid>
		<description><![CDATA[Heatmap，已经有网站提供此类服务，如：clickdensity，clicktale，crazyegg等等，甚至还有类似clickheat项目提供源代码供你直接使用。 不过最灵活的方案莫过于自己搞定，下面大概说说Heatmap的实现： 捕捉点击 当然，这需要Javascript来实现。为了不陷入浏览器兼容的泥潭，我们选择JQuery： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 &#60;script&#62; &#160; jQuery&#40;document&#41;.ready&#40;function&#40;&#41; &#123; $&#40;document&#41;.mousedown&#40;function&#40;e&#41; &#123; if &#40;e.clientX &#38;gt;= $&#40;window&#41;.width&#40;&#41; &#124;&#124; e.clientY &#38;gt;= $&#40;window&#41;.height&#40;&#41;&#41; &#123; return; &#125; &#160; $.get&#40;&#34;/path/to/a/empty/html/file&#34;, &#123; page_x : e.pageX, page_y : e.pageY, screen_width : screen.width, screen_height: screen.height &#125;&#41;; &#125;&#41;; [...]]]></description>
		<wfw:commentRss>http://blog.prosight.me/index.php/2011/08/795/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>URL设计准则</title>
		<link>http://blog.prosight.me/index.php/2010/08/640?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=url%25e8%25ae%25be%25e8%25ae%25a1%25e5%2587%2586%25e5%2588%2599</link>
		<comments>http://blog.prosight.me/index.php/2010/08/640#comments</comments>
		<pubDate>Tue, 10 Aug 2010 09:07:51 +0000</pubDate>
		<dc:creator>Elton</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[URL]]></category>

		<guid isPermaLink="false">http://blog.prosight.me/?p=640</guid>
		<description><![CDATA[URL 设计是 Web 设计中常被忽视的东西，事实上 URL 非常重要，这不仅是一个网页唯一的路径，还涉及到你的站点是否干净，友好。本文讲述 URL 这个司空见惯的 Web 元素中包含的大量不应为忽视的知识，准则与最佳实践。需要注意的是 W3C 建议使用 URI 取代 URL 一说。 关于 URL 的一些准则 首先是与 URL 有关的一些准则。 一个 URL 必须唯一地，永久地代表一个在线对象 URL 的最基本的使命是唯一地代表 Internet 上的一个对象，URL 必须和 Internet 上的对象一对一匹配。然而现实中，这很难实现，我们经常可以通过多个 URL 到达同一个页面，比如， http://mysite.com/product/tv 和 http://mysite.com/product?name=tv，这种情形在现代 CMS 中更是比比皆是，针对这个问题，SEO moz 有一篇很好的文章，讲到了如何使用 Canonical URL 机制解决站点中的重复 URL 问题。 URL 应该是永久的，这就要求你在站点上线前就非常严谨地规划 URL。如果有一天，你不得不更改 URL，一定使用 HTTP 301 机制，告诉浏览器和搜索引擎，你的那个 URL 所代表的对象，已经搬迁到新地址，这个机制可以保证你旧地址所获得 [...]]]></description>
		<wfw:commentRss>http://blog.prosight.me/index.php/2010/08/640/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>利用CSS3实现文字内阴影效果</title>
		<link>http://blog.prosight.me/index.php/2010/03/590?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=%25e5%2588%25a9%25e7%2594%25a8css3%25e5%25ae%259e%25e7%258e%25b0%25e6%2596%2587%25e5%25ad%2597%25e5%2586%2585%25e9%2598%25b4%25e5%25bd%25b1%25e6%2595%2588%25e6%259e%259c</link>
		<comments>http://blog.prosight.me/index.php/2010/03/590#comments</comments>
		<pubDate>Mon, 22 Mar 2010 01:14:46 +0000</pubDate>
		<dc:creator>Elton</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[gradients]]></category>
		<category><![CDATA[inner shadow]]></category>
		<category><![CDATA[内阴影]]></category>
		<category><![CDATA[渐变背景]]></category>

		<guid isPermaLink="false">http://blog.prosight.me/?p=590</guid>
		<description><![CDATA[最终效果 在没有CSS3之前，要做到这种文字效果只能借助于Photoshop之类的图片处理软件。 现在很多浏览器已经支持CSS3了（除了该死的IE）。下面将教您如何使用CSS3完成上述效果 Step 1: HTML标签 下面是很简单的HTML标签，用以后面加上CSS特效 1 2 3 &#60;div id=&#34;insetBgd&#34;&#62; &#60;h1 class=&#34;insetType&#34;&#62;Inset Typography&#60;/h1&#62; &#60;/div&#62; Step 2: 背景 我们想给文字加一个渐变的背景，从#003471 过渡到 #448CCB. 1 2 3 4 5 6 #insetBgd &#123; width: 550px; height: 100px; background: -moz-linear-gradient&#40;-90deg, #003471, #448CCB&#41;; background: -webkit-gradient&#40;linear, left top, left bottom, from&#40;#003471&#41;, to&#40;#448CCB&#41;&#41;; &#125; Step 3: 定义文字的样式 首先定义文字的字体，大小和颜色。 1 2 3 4 [...]]]></description>
		<wfw:commentRss>http://blog.prosight.me/index.php/2010/03/590/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>18 Web Design Tools</title>
		<link>http://blog.prosight.me/index.php/2009/08/343?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=18-web-design-tools</link>
		<comments>http://blog.prosight.me/index.php/2009/08/343#comments</comments>
		<pubDate>Thu, 27 Aug 2009 12:05:56 +0000</pubDate>
		<dc:creator>Elton</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://blog.prosight.me/?p=343</guid>
		<description><![CDATA[In this article ive rounded-up 18 FREE web design tools in which you might find helpfull when designing and/or coding your websites. Official Lorem Ipsum Generator Blind Text Generator Icon Finder Form Spring Measure It Firefox Addon Web Developer Firefox Addon Blue Print CSS EM Calculator CSS Layout Generator Wordoff What The Font Pic Reflect [...]]]></description>
		<wfw:commentRss>http://blog.prosight.me/index.php/2009/08/343/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>DIV+CSS侧边栏自适应高度</title>
		<link>http://blog.prosight.me/index.php/2009/08/326?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=divcss%25e4%25be%25a7%25e8%25be%25b9%25e6%25a0%258f%25e8%2587%25aa%25e9%2580%2582%25e5%25ba%2594%25e9%25ab%2598%25e5%25ba%25a6</link>
		<comments>http://blog.prosight.me/index.php/2009/08/326#comments</comments>
		<pubDate>Sun, 09 Aug 2009 10:08:03 +0000</pubDate>
		<dc:creator>Elton</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[background]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[div]]></category>

		<guid isPermaLink="false">http://blog.prosight.me/?p=326</guid>
		<description><![CDATA[1 2 3 4 5 6 7 8 9 10 &#60;div id=&#34;container&#34;&#62; &#60;div id=&#34;sidebar1&#34;&#62; &#60;!-- end #sidebar1 --&#62; &#60;/div&#62; &#160; &#60;div id=&#34;mainContent&#34;&#62; &#60;/div&#62; &#160; &#60;!-- end #container --&#62; &#60;/div&#62; 如上面这个比较经典的两栏布局。 如果sidebar1使用了背景平铺图片或者背景颜色，这时候，如果如果另一侧的mainContent比sidebar1高的话，就会出现sidebar1上半部分是之前指定sidebar1的背景，而下面则是这个container的背景。也就是说sidebar1定义的背景并没有自动随着页面高度的增加而自动延伸下来。 即使你把sidebar1的高度设置成100%也是没有效果的。 解决办法很简单，因为另一侧的mainContent的内容增加了，高度变高了，会自动导致包含它的container的高度也自然增加，所以如果把sidebar1的背景设置在container中就解决了。 如： 1 background: #fff url&#40;../images/left_bg.jpg&#41; repeat-y;]]></description>
		<wfw:commentRss>http://blog.prosight.me/index.php/2009/08/326/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery控制iframe中对象的方法</title>
		<link>http://blog.prosight.me/index.php/2009/07/240?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=jquery%25e6%258e%25a7%25e5%2588%25b6iframe%25e4%25b8%25ad%25e5%25af%25b9%25e8%25b1%25a1%25e7%259a%2584%25e6%2596%25b9%25e6%25b3%2595</link>
		<comments>http://blog.prosight.me/index.php/2009/07/240#comments</comments>
		<pubDate>Fri, 17 Jul 2009 01:30:35 +0000</pubDate>
		<dc:creator>Elton</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[iframe]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://blog.prosight.me/?p=240</guid>
		<description><![CDATA[jQuery中的$()方法很容易获取到DOM中的元素。但是这个方法不适用于引用iframe中的元素。 如下面的html a.htm 1 &#60;iframe id=&#34;frame&#34; src=&#34;http://www.prosight.me/b.htm&#34; frameborder=&#34;0&#34;&#62;&#60;/iframe&#62; b.htm 1 &#60;div id=&#34;default&#34;&#62;this is b.htm&#60;/div&#62; 如果要在a.htm中获得b.htm中的id为default的div，可以使用如下方法： 1 $&#40;&#34;#frame&#34;&#41;.contents&#40;&#41;.find&#40;&#34;#default&#34;&#41; 来得到这个div的jQuery对象。 特别需要注意一点，就是iframe中的src一定要使用绝对路径，否则jQuery是无法正确找到对应的元素的。 尤其在公网上。之前就因为这个问题，折腾了一晚没解决，换成绝对地址就好了。]]></description>
		<wfw:commentRss>http://blog.prosight.me/index.php/2009/07/240/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

