<?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>潘魏增 &#187; 前端工程师</title>
	<atom:link href="http://panweizeng.com/archives/tag/%e5%89%8d%e7%ab%af%e5%b7%a5%e7%a8%8b%e5%b8%88/feed" rel="self" type="application/rss+xml" />
	<link>http://panweizeng.com</link>
	<description>活在回忆里,细数时间下过的蛋.</description>
	<lastBuildDate>Sun, 29 Aug 2010 17:03:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1-alpha</generator>
		<item>
		<title>前端工程师的救命稻草</title>
		<link>http://panweizeng.com/archives/455</link>
		<comments>http://panweizeng.com/archives/455#comments</comments>
		<pubDate>Thu, 12 Feb 2009 16:18:41 +0000</pubDate>
		<dc:creator>Pan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[学习]]></category>
		<category><![CDATA[前端工程师]]></category>

		<guid isPermaLink="false">http://panweizeng.com/?p=455</guid>
		<description><![CDATA[1. css中的zoom:1。zoom:1在ie中会触发元素的hasLayout属性，能解决80%的ie布局bug。 .div_name { *zoom:1; } 在javascript操作DOM和调整布局时也可以使用reflow函数，如下： function reflow(){&#160; &#160; &#160; document.body.style.zoom = 1.1; &#160; &#160; document.body.style.zoom = ''; } hasLayout的介绍见《On having layout》。 2.javascript中的setTimeout大法。具体就是： function dosomething(){...} window.setTimeout(function(){&#160;dosomething(); }, 0); 这个在Javascript对DOM节点操作时很有用，能解决一些奇怪的问题。具体解释见《认识延迟时间为 0 的 setTimeout》。]]></description>
			<content:encoded><![CDATA[<p>1. css中的zoom:1。zoom:1在ie中会触发元素的hasLayout属性，能解决80%的ie布局bug。</p>
<div class="hl-surround"><ol class="hl-main ln-show" title="Double click to hide line number." ondblclick = "linenumber(this)"><li class="hl-firstline"><span style="color: Gray;">.</span><span style="color: Blue;">div_name</span><span style="color: Gray;"> </span><span style="color: Olive;">{</span><span style="color: Gray;"> *</span><span style="color: Blue;">zoom</span><span style="color: Gray;">:</span><span style="color: Maroon;">1</span><span style="color: Gray;">; </span><span style="color: Olive;">}</span></li></ol></div>
<p>在javascript操作DOM和调整布局时也可以使用reflow函数，如下：</p>
<div class="hl-surround"><ol class="hl-main ln-show" title="Double click to hide line number." ondblclick = "linenumber(this)"><li class="hl-firstline"><span style="color: Green;">function</span><span style="color: Gray;"> </span><span style="color: Blue;">reflow</span><span style="color: Olive;">(){</span><span style="color: Gray;">&nbsp;</span></li>
<li><span style="color: Gray;">&nbsp; &nbsp; </span><span style="color: Teal;">document</span><span style="color: Gray;">.</span><span style="color: Blue;">body</span><span style="color: Gray;">.</span><span style="color: Blue;">style</span><span style="color: Gray;">.</span><span style="color: Blue;">zoom</span><span style="color: Gray;"> = </span><span style="color: Maroon;">1.1</span><span style="color: Gray;">;</span></li>
<li><span style="color: Gray;">&nbsp; &nbsp; </span><span style="color: Teal;">document</span><span style="color: Gray;">.</span><span style="color: Blue;">body</span><span style="color: Gray;">.</span><span style="color: Blue;">style</span><span style="color: Gray;">.</span><span style="color: Blue;">zoom</span><span style="color: Gray;"> = </span><span style="color: #8b0000;">''</span><span style="color: Gray;">;</span></li>
<li><span style="color: Olive;">}</span></li></ol></div>
<p>hasLayout的介绍见《<a href="http://www.satzansatz.de/cssd/onhavinglayout.html">On having layout</a>》。</p>
<p>2.javascript中的setTimeout大法。具体就是：</p>
<div class="hl-surround"><ol class="hl-main ln-show" title="Double click to hide line number." ondblclick = "linenumber(this)"><li class="hl-firstline"><span style="color: Green;">function</span><span style="color: Gray;"> </span><span style="color: Blue;">dosomething</span><span style="color: Olive;">(){</span><span style="color: Gray;">...</span><span style="color: Olive;">}</span></li>
<li><span style="color: Teal;">window</span><span style="color: Gray;">.</span><span style="color: Blue;">setTimeout</span><span style="color: Olive;">(</span><span style="color: Green;">function</span><span style="color: Olive;">(){</span><span style="color: Gray;">&nbsp;</span><span style="color: Blue;">dosomething</span><span style="color: Olive;">()</span><span style="color: Gray;">; </span><span style="color: Olive;">}</span><span style="color: Gray;">, </span><span style="color: Maroon;">0</span><span style="color: Olive;">)</span><span style="color: Gray;">;</span></li></ol></div>
<p>这个在Javascript对DOM节点操作时很有用，能解决一些奇怪的问题。具体解释见《<a href="http://realazy.org/blog/2008/03/29/understand-0-settimeout/">认识延迟时间为 0 的 setTimeout</a>》。</p>
]]></content:encoded>
			<wfw:commentRss>http://panweizeng.com/archives/455/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>There are no excuses when you are the Front-End Engineer</title>
		<link>http://panweizeng.com/archives/74</link>
		<comments>http://panweizeng.com/archives/74#comments</comments>
		<pubDate>Thu, 31 May 2007 16:33:52 +0000</pubDate>
		<dc:creator>Pan</dc:creator>
				<category><![CDATA[动态]]></category>
		<category><![CDATA[学习]]></category>
		<category><![CDATA[前端]]></category>
		<category><![CDATA[前端工程师]]></category>

		<guid isPermaLink="false">http://www.panweizeng.com/archives/74</guid>
		<description><![CDATA[部门同事对《High Performance Web Sites-Essential Knowledge for Front-End Engineers 》这本书的出版充满了期待。看完作者Steve Souders的演示ppt，对Yahoo这个行业先驱和领袖又是充满了敬仰。Yahoo这种互联网大鳄，技术方面在业内同样是首屈一指。我坚持以为，在互联网企业中，永远是技术驱动为先。自从Yahoo改版以来就一直在向Yahoo学习，无论发布了一段时间的Yui 开发包，还是各种设计开发的Best Practices，以及在ppt中的&#8217;14 rules for fast web pages&#8217;，在实际工作中，很多东西都在有所尝试，但是想要达到Yahoo的高度，距离还是很大的。现实总是很有很多借口，美其名曰，条件不成熟，人员不充足。如果你做得不够优秀，只能说你没有尽全力。借用《新忍者神龟》里面师父的一句话，如题。Front-End Engineers，共勉吧。]]></description>
			<content:encoded><![CDATA[<p><img alt="yahoo developer network" src="http://www.panweizeng.com/wp-content/uploads/2007/06/yahoo_developer_network.gif" /><br />
部门同事对<a href="http://www.oreilly.com/catalog/9780596514211/">《High Performance Web Sites-Essential Knowledge for Front-End Engineers 》</a>这本书的出版充满了期待。看完作者<a href="http://stevesouders.com/bio.html">Steve Souders</a>的<a href="http://www.web2expo.com/presentations/webex2007/souders_steve.ppt">演示ppt</a>，对Yahoo这个行业先驱和领袖又是充满了敬仰。Yahoo这种互联网大鳄，技术方面在业内同样是首屈一指。我坚持以为，在互联网企业中，永远是技术驱动为先。自从Yahoo改版以来就一直在向Yahoo学习，无论发布了一段时间的<a href="http://developer.yahoo.com/yui/">Yui 开发包</a>，还是各种设计开发的<a href="http://developer.yahoo.com/ypatterns/">Best Practices</a>，以及在ppt中的&#8217;14 rules for fast web pages&#8217;，在实际工作中，很多东西都在有所尝试，但是想要达到Yahoo的高度，距离还是很大的。现实总是很有很多借口，美其名曰，条件不成熟，人员不充足。如果你做得不够优秀，只能说你没有尽全力。借用《新忍者神龟》里面师父的一句话，如题。Front-End Engineers，共勉吧。</p>
]]></content:encoded>
			<wfw:commentRss>http://panweizeng.com/archives/74/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
