<?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>前端开发-武方博</title>
	<atom:link href="http://www.wufangbo.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.wufangbo.com</link>
	<description>css+xhtml+javascript=前端开发-武方博</description>
	<lastBuildDate>Fri, 27 Apr 2012 12:30:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Javascript参数按值传递</title>
		<link>http://www.wufangbo.com/javascript-canshu-chuandi/</link>
		<comments>http://www.wufangbo.com/javascript-canshu-chuandi/#comments</comments>
		<pubDate>Fri, 27 Apr 2012 12:30:29 +0000</pubDate>
		<dc:creator>前端开发-武方博</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[参数传递]]></category>

		<guid isPermaLink="false">http://www.wufangbo.com/?p=3804</guid>
		<description><![CDATA[关于Javascript中参数的传递到底是按值传递还是按引用传递，这个问题再此之前一直没有想过，话说javascript中有两种变量类型：基本类型和引用类型，基本类型包括：Number、String、Undefined、Null、Boolean这五种，而引用类型就是Object，根据之前在代码上的经验以及对javascript这门松散类型的语言的认识，以为在参数的传递中，传什么类型的值就按什么类型传递，比如传基本类型的变量，则参数是按照值进行传递，而传引用类型的变量的时候，则是按照引用传递。 昨晚在看《Javascript高级程序设计》的时候，才知道我之前的这种看法是错误的，下面是书中引用片段： ECMAScript中所有的函数都是按值传递的。也就是说，把函数外部的值复制给函数内部的参数，就和把值从一个变量复制到另一变量一样。基本类型的传递如同基本类型变量的复制一样，而引用类型值的传递，则如同引用类型变量的复制一样。有不少开发人员在这一点上会感到困惑，因为访问变量有按值和按引用两种方式，而参数只能按值传递。 function setName(obj){ obj.name = 'Nicholas'; } var person = new Object(); setName(person); alert(person.name); //'Nicholas' 以上代码创建一个对象，并将其保存在了变量person中。然后，这个对象 被传递到setName()函数中之后就被复制给了obj。在这个函数内部，obj和person都引用的是同一个对象。换句话说，即使这个对象是按值传递的，obj也会按引用来访问同一个对象。于是，当在函数内部为obj添加name属性后，函数外部的person也将有所反映；因为person指向的对象在堆内存中只有一个，而且是全局对象。有很多开发人员错误的认为：在局部作用域中修改的对象会在全局作用域中反映出来，就说明参数是按引用传递的。为了证明对象时按值传递的，我们在看一看下面这个经过修改的例子： function setName(obj){ obj.name = 'Nicholas'; obj = new Object(); obj.name = 'Greg'; } var person = new Object(); setName(person); alert(person.name); //'Nicholas' &#8230; <a href="http://www.wufangbo.com/javascript-canshu-chuandi/">继续阅读 <span class="meta-nav">&#8594;</span></a><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="JavaScript获取元素位置" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Fjavascript-huo-qu-yuan-su-wei-zhi%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Fjavascript-canshu-chuandi%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/03/21/17794552.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">JavaScript获取元素位置</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="javascript小记" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Fjavascript-tips%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Fjavascript-canshu-chuandi%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">javascript小记</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="什么是javascript闭包" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Fjavascript-bi-bao%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Fjavascript-canshu-chuandi%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/03/21/17792674.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">什么是javascript闭包</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="javascript正则表达式教程" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Fjavascript-regular-expression%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Fjavascript-canshu-chuandi%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">javascript正则表达式教程</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="javascript声明变量var和this的总结" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Fjavascript-var-and-this%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Fjavascript-canshu-chuandi%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">javascript声明变量var和this的总结</font>
                    </a>
                </td>
        </tr>
        <br/>
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">来自无觅网络的相关文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="JavaScript基础部分练习" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.cgjoy.com%2Fthread-34549-1-1.html&from=http%3A%2F%2Fwww.wufangbo.com%2Fjavascript-canshu-chuandi%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://www.cgjoy.com/uc/avatar.php?uid=44731&amp;size=middle" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">JavaScript基础部分练习 (@cgjoy)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="unity3d扩展脚本编辑器-UnityDevelop, An Editor for Unity JavaScript" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.cgjoy.com%2Fthread-33692-1-1.html&from=http%3A%2F%2Fwww.wufangbo.com%2Fjavascript-canshu-chuandi%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/05/01/24249898.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">unity3d扩展脚本编辑器-UnityDevelop, An Editor for Unity JavaScript (@cgjoy)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Javascript/HTML5前端开发工程师" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.cgjoy.com%2Fthread-30182-1-1.html&from=http%3A%2F%2Fwww.wufangbo.com%2Fjavascript-canshu-chuandi%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/02/23/15910371.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Javascript/HTML5前端开发工程师 (@cgjoy)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="传递光源的少女" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.cgjoy.com%2Fthread-23702-1-1.html&from=http%3A%2F%2Fwww.wufangbo.com%2Fjavascript-canshu-chuandi%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/11/18/11063764.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">传递光源的少女 (@cgjoy)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="力通过活动关节传递（引导跟随原理）" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.cgdream.org%2Fthread-5169-1-1.html&from=http%3A%2F%2Fwww.wufangbo.com%2Fjavascript-canshu-chuandi%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/05/17/8786022.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">力通过活动关节传递（引导跟随原理） (@cgdream)</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
		<wfw:commentRss>http://www.wufangbo.com/javascript-canshu-chuandi/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>项目进度控制的技术</title>
		<link>http://www.wufangbo.com/xiang-mu-jin-du/</link>
		<comments>http://www.wufangbo.com/xiang-mu-jin-du/#comments</comments>
		<pubDate>Fri, 13 Apr 2012 03:51:53 +0000</pubDate>
		<dc:creator>前端开发-武方博</dc:creator>
				<category><![CDATA[经验感悟]]></category>
		<category><![CDATA[项目进度]]></category>

		<guid isPermaLink="false">http://www.wufangbo.com/?p=3798</guid>
		<description><![CDATA[项目进度控制是项目经理的一项重要职责。俗语说的“时间就是金钱”在这里体现得再明显不过了。项目管理和自驾车回老家过年是相同的，实际上按照项目的定义，“自驾车回老家过年”也是一个不折不扣的项目，只是它更贴合大家的生活，更容易引起共鸣，我们就拿它来做例子说明。 从乘客的角度，如果坐车很久，但是没有达到预期的目 的地的时候，就会产生疑问，一般都会去询问司机“到哪里了”，如果司机的回答没有那么令人满意，这个疑问就会积累。积累到一定程度，就会开始怀疑是否迷 路，如果这个疑问一直无解，最终就会要求停车问路。如果坐的是出租车，就会导致乘客下车，换车继续前进。 项目进行过程中同样如此，因为软件项目的“不可见”特性，客户心理更脆弱和不稳定。如果每次项目经理给出的进度都是无法验证的，客户的疑问就会积累，最终到无法忍受而爆发。 人对一个事物的完成都会有自己的“心理预期值”，这 个值会随着人对该事物的了解的加深而进行调整，并变得越来越准确。乘客坐车到目的地，如果他对路线熟悉的话，一般都会跟踪一些关键的地标和时间的对应关 系。比如从南山科技园到深圳火车站，一般用时不会超过1小时，开车走深南的话，肯定会经过世界之窗、市民中心、帝王大厦，最后到火车站。如果在晚上8点出 发，过了半小时都没看到世界之窗，乘客会怎么想？ 项目也是如此，客户的心理预期就是项目“里程碑事件”的到达时间。项目经理制定项目的里程碑，目的之一就是去影响客户的心理预期。但是这种行为是一把双刃剑，会影响客户的心理，同时也会对项目构成约束。 实际上，项目进度表现在两个程度，一个是微观的层 面，这个层面上，所有的事情都是一个一个的task，一个项目下来，有成百上千个task要去完成，这个层面是项目经理和项目组员关注的，是最准确的进度 描述；另一个是宏观的层面，这个层面是客户以及项目外部的干系人所关注的，每一个进度都是一个“里程碑事件”，这种层面的进度描述并不是十分准确。 依然从心理角度去分析，项目经理给出的进度有误差是 肯定的，关键是和现实的落差是否在范围之内。如果客户持续觉得项目的进度描述是准确的，那么对项目也就越有信心，对项目的支持也就越好，对失误的宽容度也 越高。反之，如果对项目进度没有信心，那么就会对项目施压，对失误的处置也会越严厉。 如何把握进度和进度的报告，常用的方法有“堵”和“疏“。所谓的”堵“就是隐瞒，项目经理可以进度造假造得很漂亮，但是到最后交付不了，就会被修理得很惨；而”疏“则是如实汇报，让项目干系人透明地掌握项目的主要细节。实践中，很多项目经理采用了折中的方法，有些如实汇报，另外一些则隐瞒起来，避免不必要的麻烦。但是实际上，项目经理”说真话“是要有一定能力的。 首先是”项目组实际的完成能力“，通俗点就是每天、 每周最多能完成多少任务，如果项目经理和客户都知道这个速度，客户就不会提出过分的进度要求，项目经理也可以拒绝所有超出能力的进度要求。这个”能力“其 实就是项目经理”Say No“的底气来源。现实中很多项目经理因为不知道团队真实的能力，胡乱应承，结果害了自己，也坑了团队。 其次是”项目进度的预测能力“，如果项目经理给出的完成时间每次都能做到，他以后的项目工作就会越来越顺畅。许多项目组和客户的冲突，起因大都是因为”进度预测不准“甚至”无法预测进度“导致的，进度再一再三地突破客户的心理预期，想不让人发飙都不行了。 在 项目实战中，项目进度的评估和预测非常不容易，但是并不是完全做不到的。我们可以反过来看，从项目结项的那一刻开始。在结项时刻（算上变更之后的），项目 的进度毫无疑问是100%，往前推一周，我想进度是可以预测的，但是往前推一个月就会模糊一点了，越往前越模糊。换言之，项目的进度预测是随着项目的进展 而越来越清晰的。 先 分析”为什么会模糊“。问题在于两个方面，一个是”任务分解“，一个是”临时性的任务“。对于前者我们可以逐步分解、逐点清晰的方法来解决，对于后者我们 可以预留时间。我们可以先用大块的任务写在任务列表中，等要处理之前再去分解细化并再评估，随着工作的进行，任务列表会越来越细，评估也越来越准确。对 于”临时性任务“则在计划表中预留时间去处理。 接下来分析”如何清晰“。 首先是”预估“，把当时能够想到的所有任务都写在计划表中，不要怕不详细，也不要怕不准确，有总比没有好，但是要记得及时对所有可以细化的任务进行细化； 其次是”记录“，项目经理把项目组所有做过的任务都记录到任务计划中，等到积累到一定程度之后，就可以从计划表中看到项目组完成任务的速度，即”项目组实际的完成能力“，这个能力值的单位可以是”任务/天“、”工时/天“、”工时/周“等。同时可以得到的，就是”计划外工作量“的值，这个值可以指导项目组调整为“临时性任务”预留的时间。 最后就是“优化和预测”，通过前两步的成果，对未来的进度进行预测并及时进行调整。 总之，项目进度管理中，要遵循的就是如下三个公式，任何一个懂得小学数学的人都可以完成： 开发速度 = 已完成工作量 / 已耗费时间 &#8230; <a href="http://www.wufangbo.com/xiang-mu-jin-du/">继续阅读 <span class="meta-nav">&#8594;</span></a><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="淘宝前端技术系列课程" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Ftaobaojishu%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Fxiang-mu-jin-du%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">淘宝前端技术系列课程</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="JS 图片预加载技术[转]" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Fjs-img-load%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Fxiang-mu-jin-du%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">JS 图片预加载技术[转]</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ie6下使用js替换img标签src属性图片不显示的错误" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Fie6-js-img-src%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Fxiang-mu-jin-du%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ie6下使用js替换img标签src属性图片不显示的错误</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jquery图片横向左右滚动效果（带按钮控制）" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Fjquery-image-scrolling-around-lateral-effect-btn%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Fxiang-mu-jin-du%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jquery图片横向左右滚动效果（带按钮控制）</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Web开发人员必备的20款超赞的jQuery插件" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2F20-web-developers-jquery-plugin%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Fxiang-mu-jin-du%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/03/21/17792901.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Web开发人员必备的20款超赞的jQuery插件</font>
                    </a>
                </td>
        </tr>
        <br/>
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">来自无觅网络的相关文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="分享三个易操作的项目" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.juzhuan5.com%2F129.html&from=http%3A%2F%2Fwww.wufangbo.com%2Fxiang-mu-jin-du%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">分享三个易操作的项目 (@juzhuan5)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="分析2012主流网赚项目" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.juzhuan5.com%2F140.html&from=http%3A%2F%2Fwww.wufangbo.com%2Fxiang-mu-jin-du%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">分析2012主流网赚项目 (@juzhuan5)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="网盘赚钱" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.juzhuan5.com%2F568.html&from=http%3A%2F%2Fwww.wufangbo.com%2Fxiang-mu-jin-du%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/05/14/26267387.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">网盘赚钱 (@juzhuan5)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="游戏赚钱" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.juzhuan5.com%2F265.html&from=http%3A%2F%2Fwww.wufangbo.com%2Fxiang-mu-jin-du%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/05/05/24913445.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">游戏赚钱 (@juzhuan5)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="打码网赚" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.juzhuan5.com%2F419.html&from=http%3A%2F%2Fwww.wufangbo.com%2Fxiang-mu-jin-du%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/05/05/24913452.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">打码网赚 (@juzhuan5)</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
		<wfw:commentRss>http://www.wufangbo.com/xiang-mu-jin-du/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>淘宝前端技术系列课程</title>
		<link>http://www.wufangbo.com/taobaojishu/</link>
		<comments>http://www.wufangbo.com/taobaojishu/#comments</comments>
		<pubDate>Fri, 13 Apr 2012 03:49:33 +0000</pubDate>
		<dc:creator>前端开发-武方博</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[前端技术]]></category>
		<category><![CDATA[淘宝]]></category>
		<category><![CDATA[淘宝前端]]></category>

		<guid isPermaLink="false">http://www.wufangbo.com/?p=3795</guid>
		<description><![CDATA[今天是第一堂课，由灵玉主讲的“淘宝前端技术巡礼”。全面回顾淘宝前端技术的缘起和发展，介绍前端工程师的职业发展路线，给出足够多的铺垫，为接下来的三次课程打好基础。 淘宝前端技术的发展一定程度上反应了中国国情，前端工程师的入门、入道过程是非常坎坷也是备受关注，尽管大学里还缺少“前端技术”这门专业，但前端技术的知识体系已然趋于丰富和完善，前端技术本身就是一门充满挑战的行当，不断的从实践中提炼出一支支各具特色的技术派系，当下的前端技术也呈现出多元绚丽、独具魅力的一面。（本次课程ppt参考了部分小马和玉伯的分享） 本次系列课程即是由浅入深的介绍前端技术的关键部分，后续对HTML/CSS/JavaScript、包括浏览器渲染过程和JS引擎原理、常用工具等知识会有更详细的讲解。 http://www.slideshare.net/lijing00333/ss-12323405 本次课为系列课程的第二课，由舒克带来的“HTML/CSS/JavaScript”基础知识，课程中着重介绍了HTML的语义化，因为语义化是前端工程师最容易理解又最难掌握的，比如何时使用什么样的标签，这取决于前端工程师对标签和页面内容的理解。要注意频道首页和详情页是不同的，频道首页中的信息比较琐碎，详情页中的内容更像“文章”，因此内容的语义是有差别的。这一点需要注意。 http://www.slideshare.net/lijing00333/htmlcssjs 在HTML章节的最后着重讲解了页面的可用性和易用性，前端工程师很多时候将精力大都放在页面样式的实现上，忽略了很多易用性的细节。比如在设定input的类型的时候，就有很多细节要考虑，特别是在移动终端里，当input获得焦点时，要控制弹出的键盘类型。此外，CSS的部分详细介绍了响应式实现的最佳代码，包括CSS3的一些定制化的特效，都是可以作为最佳实践的。 http://www.slideshare.net/lijing00333/ecmascript JavaScript部分着重面向新人介绍ECMAScript，其中的内容都是最常用的关键知识点，比如null和undefined有什么区别，NaN是不是数字，什么是真值和假值，浮点数的计算误差等问题在ppt中都有提到，关于JavaScript和页面渲染之间的关系、引擎的性能、阻塞、工作模式等内容将会在第三课和第四课中更详细的讲解。 作为系列课程的第三讲，函谷担任此课的讲师，风趣幽默的讲解、充足的课堂演示，带来非常不错的课堂体验，本次课程主要focus在浏览器渲染机制相关的知识点，包括常见的浏览器兼容性问题，浏览器渲染和性能优化之间的关系，布局的多样性和适用范围，前端调试工具和各种抓包利器，本次课程ppt参照了之前沉鱼同学的课件。 http://www.slideshare.net/lijing00333/ss-12511889 &#160; 随便看看css垂直水平居中的整理 (1)jquery :nth-child()伪类选择器 (0)哈哈 设计开发的百度音乐应用通过审核上线啦 (3)Jquery图片无缝左右滚动插件 (0)前端开发工具集合（2011最新） (3)jQuery图片自适应宽度插件jQuery.imgAutoSize.js (0)jQuery50个实用代码段 (1)jQuery+CSS3实现的超炫3D相册效果 (0)jquery json 格式教程 (0)移动平台3G手机网站前端开发布局技巧汇总 (5)<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="两年前收藏的一些前端学习资料地址" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Fqian-duan-xue-xi%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Ftaobaojishu%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">两年前收藏的一些前端学习资料地址</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery仿淘宝类别筛选导航" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Fjquery-lei-bie-shai-xuan%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Ftaobaojishu%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery仿淘宝类别筛选导航</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="HTML5语音输入（淘宝语音搜索）x-webkit-speech方法 支持webkit内核" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Fx-webkit-speech%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Ftaobaojishu%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/03/21/17793866.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">HTML5语音输入（淘宝语音搜索）x-webkit-speech方法 支持webkit内核</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="前端开发调试之王Firebug教程" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Ffirebug-jiao-cheng%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Ftaobaojishu%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/03/21/17800502.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">前端开发调试之王Firebug教程</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="[招聘]珍爱网招聘熟手前端开发" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Fweb-development-jobs-5%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Ftaobaojishu%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[招聘]珍爱网招聘熟手前端开发</font>
                    </a>
                </td>
        </tr>
        <br/>
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">来自无觅网络的相关文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="淘宝寿衣门之小宝观点" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.peiqianhuo.com%2F2012%2F05%2Ftaobao-shroud%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Ftaobaojishu%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/05/18/26932232.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">淘宝寿衣门之小宝观点 (@peiqianhuo)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="淘宝买家赚钱方法大汇总" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.hugao8.com%2Ftao-bao-zuan-qian%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Ftaobaojishu%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/02/28/16260671.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">淘宝买家赚钱方法大汇总 (@hugao8)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="坑爹啊 在淘宝买的口罩，拿到手我总感觉不对劲" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.hugao8.com%2Fkou-zhao-keng-die%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Ftaobaojishu%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/01/30/14482789.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">坑爹啊 在淘宝买的口罩，拿到手我总感觉不对劲 (@hugao8)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="淘宝客单页生成器" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.juzhuan5.com%2F576.html&from=http%3A%2F%2Fwww.wufangbo.com%2Ftaobaojishu%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/05/14/26154364.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">淘宝客单页生成器 (@juzhuan5)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="幸运28预测-破解版（淘宝卖价35元）" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.juzhuan5.com%2F393.html&from=http%3A%2F%2Fwww.wufangbo.com%2Ftaobaojishu%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/05/05/24913513.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">幸运28预测-破解版（淘宝卖价35元） (@juzhuan5)</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
		<wfw:commentRss>http://www.wufangbo.com/taobaojishu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>html5实现全屏的api方法</title>
		<link>http://www.wufangbo.com/html5-quanping/</link>
		<comments>http://www.wufangbo.com/html5-quanping/#comments</comments>
		<pubDate>Sun, 25 Mar 2012 14:28:23 +0000</pubDate>
		<dc:creator>前端开发-武方博</dc:creator>
				<category><![CDATA[css3 html5]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[html全屏]]></category>

		<guid isPermaLink="false">http://www.wufangbo.com/?p=3790</guid>
		<description><![CDATA[【进入和退出全屏】 // Webkit (works in Safari5.1 and Chrome 15) element.webkitRequestFullScreen(); document.webkitCancelFullScreen(); &#160; // Firefox 10 element.mozRequestFullScreen(); document.mozCancelFullScreen(); &#160; // W3C 提议 element.requestFullscreen(); document.exitFullscreen(); &#160; 【事件监听】 &#160; // Webkit-base: element.onwebkitfullscreenchange // Firefox: element.onmozfullscreenchange &#160; // W3C Method: element.addEventListener(&#8216;fullscreenchange&#8217;, function(e) { if &#8230; <a href="http://www.wufangbo.com/html5-quanping/">继续阅读 <span class="meta-nav">&#8594;</span></a><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="HTML5 不可限量的发展前景" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Fhtml5-qian-jing%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Fhtml5-quanping%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">HTML5 不可限量的发展前景</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="IE9关于HTML5和CSS3的测试" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Fie9-html5-css3-test%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Fhtml5-quanping%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/03/21/17816212.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">IE9关于HTML5和CSS3的测试</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="HTML5语音输入（淘宝语音搜索）x-webkit-speech方法 支持webkit内核" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Fx-webkit-speech%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Fhtml5-quanping%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/03/21/17793866.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">HTML5语音输入（淘宝语音搜索）x-webkit-speech方法 支持webkit内核</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jquery全屏左右滚动 仿html5幻灯片效果" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Fjquery-scroll-screen-slide-html5%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Fhtml5-quanping%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jquery全屏左右滚动 仿html5幻灯片效果</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="html条件注释" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Fhtml-conditional-comments%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Fhtml5-quanping%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">html条件注释</font>
                    </a>
                </td>
        </tr>
        <br/>
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">来自无觅网络的相关文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="HTML5game工作室,诚寻iPhone游戏美术整体外包合作方" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.cgjoy.com%2Fthread-35065-1-1.html&from=http%3A%2F%2Fwww.wufangbo.com%2Fhtml5-quanping%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://www.cgjoy.com/uc/avatar.php?uid=44731&amp;size=middle" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">HTML5game工作室,诚寻iPhone游戏美术整体外包合作方 (@cgjoy)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Facebook移动平台HTML5游戏能否取得成功？" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.cgdream.org%2Fthread-5931-1-1.html&from=http%3A%2F%2Fwww.wufangbo.com%2Fhtml5-quanping%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/11/10/10510650.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Facebook移动平台HTML5游戏能否取得成功？ (@cgdream)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Facebook倡导HTML5 期望成移动市场领军者" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.cgjoy.com%2Fthread-32379-1-1.html&from=http%3A%2F%2Fwww.wufangbo.com%2Fhtml5-quanping%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/02/23/15910371.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Facebook倡导HTML5 期望成移动市场领军者 (@cgjoy)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="外媒称iOS运行HTML5游戏较Android快3倍" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.cgjoy.com%2Fthread-30609-1-1.html&from=http%3A%2F%2Fwww.wufangbo.com%2Fhtml5-quanping%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/03/08/16770919.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">外媒称iOS运行HTML5游戏较Android快3倍 (@cgjoy)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Html5的定义,新特性,支持的浏览器" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.jun98.com%2FWeb%2FKnowledge%2F20120422243.html&from=http%3A%2F%2Fwww.wufangbo.com%2Fhtml5-quanping%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Html5的定义,新特性,支持的浏览器 (@jun98)</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
		<wfw:commentRss>http://www.wufangbo.com/html5-quanping/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>基于多栏列表的瀑布流布局</title>
		<link>http://www.wufangbo.com/duoliepubuliu/</link>
		<comments>http://www.wufangbo.com/duoliepubuliu/#comments</comments>
		<pubDate>Sun, 25 Mar 2012 14:16:12 +0000</pubDate>
		<dc:creator>前端开发-武方博</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[js实现瀑布流]]></category>
		<category><![CDATA[瀑布流]]></category>
		<category><![CDATA[瀑布流js]]></category>
		<category><![CDATA[瀑布流布局]]></category>

		<guid isPermaLink="false">http://www.wufangbo.com/?p=3766</guid>
		<description><![CDATA[一、开篇无关紧要的话 今天四处闲逛，看到迅雷UEDxwei兄写了篇名为“浅谈个人在瀑布流网页的实现中遇到的问题和解决方法(http://www.wufangbo.com/pubuliufangfa/)”的文章，我两只沉沉的萝卜眼顿时放出无数闪亮的小星星。 倒不是文章本身，而是可以用来制作demo的图片资源啊，啊咔咔（得瑟中……）！！ 因此，本文即将展示的demo中的图片都有迅雷UED提供，这里先郑重感谢。 二、稍稍要紧的话 跟风，尤其受pinterest的煽风点火，瀑布流现在不少人关注。我正好最近比较闲，加上有人曾在我站点提出希望我介绍点瀑布流的东西，所以，今儿个也随下大流。 pinterest以及上面迅雷UED xwei的瀑布流demo（至少在FireFox下还是有致命的显示bug的）都是采用的绝对定位实现的，有相对复杂的位置计算。 我一向不喜欢吃别人嚼过的米饭，于是尝试使用另外的原理实现。我是个流体布局控，对绝对定位啊、浮动啊什么的一向没什么好感，于是，这里要介绍的就是基于多栏列表流体布局实现的瀑布流布局效果。 大致结构、布局见下面的手绘图： 没有复杂的位置计算，不需要知道里面元素的高度以及宽度，且易理解，关键是具体实现~~ 三、高潮来了：demo展示 您可以狠狠地点击这里：基于多栏列表瀑布流布局demo 欢迎各种滚动，缩放等测试。低版本IE浏览器也是兼容滴。问题嘛也是有滴，就是滚动到一定位置再F5刷新的时候，部分加载的内容有丢失，需要重新滚动加载。这个嘛，我个人觉得小小demo，没必要折腾啦（实际上要实现也比较容易，改动如下：每次滚动不是append一个节点，而是连续回调直到加载到屏幕下方。不懂什么意思？花点功夫看看JS实现原理就会明白了）~~ 四、说说原理 第一次进入的时候，根据浏览器宽度以及每列宽度计算出列表个数，然后不管三七二十一，每列先加载个5张图片再说。 当滚动的时候，对每一列的底部位置做检测，如果在屏幕中或屏幕上方，则立即append一个新图片（注意：为了简化代码，提高性能，同时便于演示等，这里只append了一个）。因为，滚动时连续的，因此，我们实际看到的效果是图片不断load出来。 当浏览器宽度改变的时候，页面上有个id为waterFallDetect空span标签，这个标签作用有两个：一是实现两端对齐效果，二是用来检测瀑布流布局是否需要刷新。 检测原理如下： 该span标签宽度与一个列表宽度一致，当浏览器宽度变小的时候，如果小到一定程度，显然，浏览器最右边的列表就会跑到下一行，把空span挤到后面去，空span发生较大的水平位移，显然，可以通知脚本，布局需要刷新；当浏览器宽度变大的时候，如果变大的尺寸超过一列的宽度，显然，这个空span灰跑到第一行去，同样是发生较大的水平位移，因此，又可以通知脚本刷新瀑布流布局了。 这个方法的好处是几乎没有计算就可以一点不差地知道何时瀑布流布局需要刷新。这显然要比设置resize定时器+位置尺寸计算要简单高性能地多。   滚动时的页面刷新是基于HTML字符串的处理，而不是更改每个DOM元素的位置（这是绝对定位实现的处理），因此，这里的效率显然更高。 五、总结：基于多栏列表流体布局瀑布流效果优点 简单：最大限度利用了浏览器的流体特性进行布局，省去了很多计算的麻烦；新人更易懂和上手 更好的性能：这个体现在多处，如浏览器宽度改变，瀑布流刷新时候的效率等 无需知晓尺寸：如果是要绝对定位实现瀑布流，必须知道每个小模块的高度以及宽度（否则无法定位），而基于列表的布局则无需知道高宽 无聊时候的折腾，有不足与不准确之处欢迎指正。一些实现的具体细节等也是非常欢迎提问交流的。 相关文章浅谈个人在瀑布流网页的实现中遇到的问题和解决方法 (0)两个js实现瀑布流布局的方法 (4)瀑布流布局浅析 (0)<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="两个js实现瀑布流布局的方法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Fjs-pu-bu-liu%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Fduoliepubuliu%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/03/21/17794542.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">两个js实现瀑布流布局的方法</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="浅谈个人在瀑布流网页的实现中遇到的问题和解决方法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Fpubuliufangfa%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Fduoliepubuliu%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/03/25/18133083.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">浅谈个人在瀑布流网页的实现中遇到的问题和解决方法</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="瀑布流布局浅析" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Fpu-bu-liu-shi-bu-ju-qian-xi%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Fduoliepubuliu%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/03/21/17821042.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">瀑布流布局浅析</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="瀑布流布局及扩展—格子块的智能堆砌" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Fliu-shi-bu-ju-ji-kua-zhan%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Fduoliepubuliu%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">瀑布流布局及扩展—格子块的智能堆砌</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="JS操作的读取Cookies、写入Cookies、删除Cookies" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.wufangbo.com%2Fjs-cookie%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Fduoliepubuliu%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">JS操作的读取Cookies、写入Cookies、删除Cookies</font>
                    </a>
                </td>
        </tr>
        <br/>
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">来自无觅网络的相关文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="瀑布" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.cgjoy.com%2Fforum.php%3Fmod%3Dviewthread%26tid%3D29156&from=http%3A%2F%2Fwww.wufangbo.com%2Fduoliepubuliu%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/02/07/14959211.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">瀑布 (@cgjoy)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="3D教程-粒子系统制作水流及瀑布效果" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.cgjoy.com%2Fthread-35186-1-1.html&from=http%3A%2F%2Fwww.wufangbo.com%2Fduoliepubuliu%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://www.cgjoy.com/uc/avatar.php?uid=44731&amp;size=middle" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">3D教程-粒子系统制作水流及瀑布效果 (@cgjoy)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Photoshop制作“到瀑布去”" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.cgjoy.com%2Fforum.php%3Fmod%3Dviewthread%26tid%3D33190&from=http%3A%2F%2Fwww.wufangbo.com%2Fduoliepubuliu%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/04/23/22674469.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Photoshop制作“到瀑布去” (@cgjoy)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="求MAYA流体瀑布" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.cgdream.org%2Fthread-9953-1-1.html&from=http%3A%2F%2Fwww.wufangbo.com%2Fduoliepubuliu%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/12/19/12552001.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">求MAYA流体瀑布 (@cgdream)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="年度最牛广告 周大夫无痛人流" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.hugao8.com%2Fzhou-dai-fu-wu-tong-ren-liu%2F&from=http%3A%2F%2Fwww.wufangbo.com%2Fduoliepubuliu%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/02/16/15548573.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">年度最牛广告 周大夫无痛人流 (@hugao8)</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
		<wfw:commentRss>http://www.wufangbo.com/duoliepubuliu/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

