博客园_路口http://feed.cnblogs.com/blog/u/39609/rss2010-08-10T02:37:23Z路口http://www.cnblogs.com/nebel/CNBlogs BlogServerhttp://www.cnblogs.com/nebel/archive/2010/08/10/1796320.html深度克隆，递归前几天被问到 深度递归，不太解，当时感觉是递归的用法。搜索之后js里面也没深度递归这个说法，只看到深度克隆。再进一步，就是递归。 对象是传址引用，以前没怎么应用到复制一个对象的场景。不太了解如何复制。刚结合深度递归，和js里面数据类型 特征，和网上下面的这段代码，突然悟到既然，传址不能复制，那直接把你的属性都递归一遍，找到传值的类型数据属性，创建属性把值赋值过来就好了。对比，dotnet，java...2010-08-10T02:37:00Z2010-08-10T02:37:00Z路口http://www.cnblogs.com/nebel/<p>前几天被问到 深度递归，不太解，当时感觉是递归的用法。</p><p>搜索之后js里面也没深度递归这个说法，只看到深度克隆。再进一步，就是递归。 </p><br /><p>对象是传址引用，以前没怎么应用到复制一个对象的场景。不太了解如何复制。</p><p>刚结合深度递归，和js里面数据类型 特征，和网上下面的这段代码，突然悟到<br /></p><p>既然，传址不能复制，那直接把你的属性都递归一遍，找到传值的类型数据属性，创建属性把值赋值过来就好了。</p><p></p><p>对比，dotnet，java的语言，这种复制本身被强类型的语言的内部给实现了。</p><p>js很强大，由于语言本身的特性，可以通过类似这样的方式，增加它的强类型语言的特性，实现完全的面向对象的功能。 <br /></p><br /><br /><br /><div style="background-color: #F5F5F5;border: 1px solid #CCCCCC;padding-left:5px;padding-right:5px;" onclick="cnblogs_code_show('0686681a-438a-4438-a7b6-ec0eff9e7a70')"><img src="http://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif" id="code_img_opened_0686681a-438a-4438-a7b6-ec0eff9e7a70" onclick="cnblogs_code_hide('0686681a-438a-4438-a7b6-ec0eff9e7a70',event)" style="display: none;"><div id="cnblogs_code_open_0686681a-438a-4438-a7b6-ec0eff9e7a70" ><div><!--<br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />--><span style="color: #000000;">function clone(myObj)<br />{<br /> </span><span style="color: #0000ff;">if</span><span style="color: #000000;">(</span><span style="color: #0000ff;">typeof</span><span style="color: #000000;">(myObj) </span><span style="color: #000000;">!=</span><span style="color: #000000;"> </span><span style="color: #800000;">'</span><span style="color: #800000;">object</span><span style="color: #800000;">'</span><span style="color: #000000;">) </span><span style="color: #0000ff;">return</span><span style="color: #000000;"> myObj;<br /> </span><span style="color: #0000ff;">if</span><span style="color: #000000;">(myObj </span><span style="color: #000000;">==</span><span style="color: #000000;"> </span><span style="color: #0000ff;">null</span><span style="color: #000000;">) </span><span style="color: #0000ff;">return</span><span style="color: #000000;"> myObj;<br /> var myNewObj </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #0000ff;">new</span><span style="color: #000000;"> Object();<br /> </span><span style="color: #0000ff;">for</span><span style="color: #000000;">(var i </span><span style="color: #0000ff;">in</span><span style="color: #000000;"> myObj) myNewObj[i] </span><span style="color: #000000;">=</span><span style="color: #000000;"> clone(myObj[i]);<br /> </span><span style="color: #0000ff;">return</span><span style="color: #000000;"> myNewObj;<br />}</span></div></div></div><p><br /></p><p></p><p><br /></p><br /><br /><img src="http://www.cnblogs.com/nebel/aggbug/1796320.html?type=1" width="1" height="1" alt=""/><p><a href="http://www.cnblogs.com/nebel/archive/2010/08/10/1796320.html" target="_blank">本文链接</a></p>http://www.cnblogs.com/nebel/archive/2010/05/21/1741015.html页面复杂度量化的研究 （待深入整理）2010年2月8日一、目的：将UI到前端的实现，控制在合理范围内，评估前端的实现时间及难度，以量化的方式督促落实。二、概念定义: 定义 描述 难度系数 评分标准 定义 描述 基本组件库 常用设计效果 扩展组件 以基本组件为基础，与具体业务页面相关 需求管理系数 由于项目需求致使设计变化，带来的因素 三、讨论常用设计效果 提项 描叙 难度系数 评分标准 1 基本组件 提项 情境 难度系数 评分标准 ...2010-05-21T08:21:00Z2010-05-21T08:21:00Z路口http://www.cnblogs.com/nebel/<p style="margin:0in;font-weight:bold;font-family:宋体;font-size:10.5pt"><span style="font-family: SimSun; font-weight: normal; font-size: 13px; color: #808080; ">2010年2月8日 </span> </p><p>一、目的：<span style="font-family: 宋体; "> </span></p>
<p style="margin:0in;font-size:10.5pt"><span style="font-family:SimSun" lang="zh-CN">将</span><span style="font-family:Calibri" lang="en-US">UI</span><span style="font-family:宋体" lang="zh-CN">到前端的实现，控制在合理范围内，评估前端的实现时间及难度，以量化的方式督促落实。</span></p><p></p>
<p style="margin:0in;font-weight:bold;font-size:10.5pt"><span style="font-family:
宋体" lang="zh-CN">二、概念定义</span><span style="font-family:Calibri" lang="en-US">:</span></p>
<div style="direction:ltr">
<table border="1" cellpadding="0" cellspacing="0" valign="top" style="direction:ltr;
border-collapse:collapse;border-style:solid;border-color:#A3A3A3;border-width:
1pt">
<tbody><tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.834in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:宋体;font-size:10.5pt">定义</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:6.4111in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:宋体;font-size:10.5pt">描述</p>
</td>
</tr>
<tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.834in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:宋体;font-size:10.5pt">难度系数</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:6.4111in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:宋体;font-size:10.5pt"></p>
</td>
</tr>
<tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.834in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:宋体;font-size:10.5pt">评分标准</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:6.4111in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:宋体;font-size:10.5pt"></p>
</td>
</tr>
</tbody></table>
</div>
<p style="margin:0in;font-family:Calibri;font-size:10.5pt" lang="en-US"></p>
<p style="margin:0in;font-family:Calibri;font-size:10.5pt" lang="en-US"></p>
<div style="direction:ltr">
<table border="1" cellpadding="0" cellspacing="0" valign="top" style="direction:ltr;
border-collapse:collapse;border-style:solid;border-color:#A3A3A3;border-width:
1pt">
<tbody><tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:1.1229in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:宋体;font-size:10.5pt">定义</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.8736in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:宋体;font-size:10.5pt">描述</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.7166in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:宋体;font-size:10.5pt"></p>
</td>
</tr>
<tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:1.1229in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-weight:bold;font-family:宋体;font-size:10.5pt">基本组件库</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.8736in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.0pt"></p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.7166in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:宋体;font-size:10.5pt"></p>
</td>
</tr>
<tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:1.1229in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">常用设计效果</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.8736in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.0pt"></p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.7166in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:宋体;font-size:10.5pt"></p>
</td>
</tr>
<tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:1.1229in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-weight:bold;font-family:宋体;font-size:10.5pt">扩展组件</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.8736in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-weight:bold;font-family:宋体;font-size:10.5pt">以基本组件为基础，与具体业务页面相关</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.7166in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:宋体;font-size:10.5pt"></p>
</td>
</tr>
<tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:1.1229in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-weight:bold;font-family:宋体;font-size:10.5pt">需求管理系数</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.8736in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-size:10.0pt"><span style="font-family:Calibri" lang="en-US"><span style="mso-spacerun:yes"> </span></span><span style="font-family:SimSun" lang="zh-CN">由于项目需求致使设计变化，带来的因素</span></p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.7166in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:宋体;font-size:10.5pt"></p>
</td>
</tr>
</tbody></table>
</div>
<p style="margin:0in;font-family:宋体;font-size:10.5pt"></p>
<p style="margin:0in;font-family:宋体;font-size:10.5pt"></p>
<p style="margin:0in;font-weight:bold;font-family:宋体;font-size:10.5pt">三、讨论 </p>
<p style="margin:0in;font-family:宋体;font-size:10.5pt"></p>
<p style="margin:0in;font-weight:bold;font-family:宋体;font-size:10.5pt">常用设计效果<span style="font-weight: normal; "> </span></p>
<div style="direction:ltr">
<table border="1" cellpadding="0" cellspacing="0" valign="top" style="direction:ltr;
border-collapse:collapse;border-style:solid;border-color:#A3A3A3;border-width:
1pt">
<tbody><tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.7819in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:宋体;font-size:10.5pt"></p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.1881in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:宋体;font-size:10.5pt">提项</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.7819in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:宋体;font-size:10.5pt">描叙</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.843in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:宋体;font-size:10.5pt">难度系数</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.8743in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:宋体;font-size:10.5pt">评分标准</p>
</td>
</tr>
<tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.7819in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:Calibri;font-size:10.5pt" lang="en-US">1</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.1881in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:宋体;font-size:10.5pt"></p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.7819in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:宋体;font-size:10.5pt"></p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.843in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:宋体;font-size:10.5pt"></p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.8743in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:宋体;font-size:10.5pt"></p>
</td>
</tr>
</tbody></table>
</div>
<p style="margin:0in;font-family:宋体;font-size:10.5pt"></p>
<p style="margin:0in;font-family:宋体;font-size:10.5pt"><span style="font-weight: bold; ">基本组件</span></p>
<div style="direction:ltr">
<table border="1" cellpadding="0" cellspacing="0" valign="top" style="direction:ltr;
border-collapse:collapse;border-style:solid;border-color:#A3A3A3;border-width:
1pt">
<tbody><tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.7611in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt"></p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.1777in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt">提项</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.8236in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt">情境</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.8395in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt">难度系数</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.8708in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt">评分标准</p>
</td>
</tr>
<tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.7611in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:Calibri;font-size:10.5pt" lang="en-US">1</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.1777in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt">某设计在现有的设计中，未找到参考组件</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.8236in;padding:4pt 4pt 4pt 4pt">
<ol style="margin-left:.1958in;direction:ltr;unicode-bidi:embed;margin-top:
0in;margin-bottom:0in;font-family:Arial;font-size:10.5pt">
<li style="margin-top:0;margin-bottom:0;vertical-align:middle;list-style-type:
disc"><span style="font-family:SimSun;font-size:10.5pt;font-family:SimSun;
font-size:10.5pt">组件库中未定义过</span></li>
<li style="margin-top:0;margin-bottom:0;vertical-align:middle;list-style-type:
disc"><span style="font-family:SimSun;font-size:10.5pt">组件库中出现过，可扩展</span></li>
<li style="margin-top:0;margin-bottom:0;vertical-align:middle;list-style-type:
disc"><span style="font-family:SimSun;font-size:10.5pt">组件库中出现过，无法扩展</span></li>
<p style="margin:0in;font-family:SimSun;font-size:10.5pt"></p>
</ol>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.8395in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.0pt"></p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.8708in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.0pt"></p>
</td>
</tr>
<tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.7611in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:Calibri;font-size:10.5pt" lang="en-US">2</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.1777in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt">组件复用程度</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.8236in;padding:4pt 4pt 4pt 4pt">
<ol style="margin-left:.1958in;direction:ltr;unicode-bidi:embed;margin-top:
0in;margin-bottom:0in;font-family:Arial;font-size:10.5pt">
<li style="margin-top:0;margin-bottom:0;vertical-align:middle;list-style-type:
disc"><span style="font-family:SimSun;font-size:10.5pt;font-family:SimSun;
font-size:10.5pt">复用地位：</span></li>
<ul type="circle" style="margin-left:.375in;direction:ltr;unicode-bidi:embed;
margin-top:0in;margin-bottom:0in">
<li style="margin-top:0;margin-bottom:0;vertical-align:middle"><span style="font-family:SimSun;font-size:10.0pt">改动一处，其他地方需要重新开发</span></li>
<li style="margin-top:0;margin-bottom:0;vertical-align:middle"><span style="font-family:SimSun;font-size:10.0pt">改动一处，其他不受影响</span></li>
</ul>
<li style="margin-top:0;margin-bottom:0;vertical-align:middle;list-style-type:
disc"><span style="font-family:SimSun;font-size:10.5pt">复用位置</span></li>
<ul type="circle" style="margin-left:.375in;direction:ltr;unicode-bidi:embed;
margin-top:0in;margin-bottom:0in">
<li style="margin-top:0;margin-bottom:0;vertical-align:middle"><span style="font-family:Calibri;font-size:10.5pt" lang="en-US">a</span><span style="font-family:SimSun;font-size:10.5pt" lang="zh-CN">页面</span><span style="font-family:Calibri;font-size:10.5pt" lang="en-US">X</span><span style="font-family:SimSun;font-size:10.5pt" lang="zh-CN">位置</span></li>
<li style="margin-top:0;margin-bottom:0;vertical-align:middle"><span style="font-family:Calibri;font-size:10.5pt" lang="en-US">b</span><span style="font-family:SimSun;font-size:10.5pt" lang="zh-CN">页面</span><span style="font-family:Calibri;font-size:10.5pt" lang="en-US">Y</span><span style="font-family:SimSun;font-size:10.5pt" lang="zh-CN">位置</span></li>
</ul>
</ol>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.8395in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.0pt"></p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.8708in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.0pt"></p>
</td>
</tr>
</tbody></table>
</div>
<p style="margin:0in;font-family:宋体;font-size:10.5pt"></p>
<p style="margin:0in;font-weight:bold;font-family:宋体;font-size:10.5pt">扩展组件 </p>
<div style="direction:ltr">
<table border="1" cellpadding="0" cellspacing="0" valign="top" style="direction:ltr;
border-collapse:collapse;border-style:solid;border-color:#A3A3A3;border-width:
1pt">
<tbody><tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.7715in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt"></p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.1743in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt">提项</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.8687in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt">情境</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.8395in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt">难度系数</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.8708in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt">评分标准</p>
</td>
</tr>
<tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.7715in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:Calibri;font-size:10.5pt" lang="en-US">1</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.1743in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt">业务层设计的是否已定义：</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.8687in;padding:4pt 4pt 4pt 4pt">
<ol style="margin-left:.1958in;direction:ltr;unicode-bidi:embed;margin-top:
0in;margin-bottom:0in;font-family:Arial;font-size:10.5pt">
<li style="margin-top:0;margin-bottom:0;vertical-align:middle;list-style-type:
disc"><span style="font-family:SimSun;font-size:10.5pt;font-family:SimSun;
font-size:10.5pt" lang="zh-CN">市场价等</span><span style="font-family:Calibri;
font-size:10.5pt;font-family:Calibri;font-size:10.5pt" lang="en-US"> </span><span style="font-family:SimSun;font-size:10.5pt;font-family:SimSun;
font-size:10.5pt" lang="zh-CN">各自特有的颜色设计</span></li>
<ul type="circle" style="margin-left:.375in;direction:ltr;unicode-bidi:embed;
margin-top:0in;margin-bottom:0in">
<li style="margin-top:0;margin-bottom:0;vertical-align:middle"><span style="font-family:SimSun;font-size:10.5pt" lang="zh-CN">已定义：</span><span style="font-family:Calibri;font-size:10.5pt" lang="en-US">n </span><span style="font-family:SimSun;font-size:10.5pt" lang="zh-CN">分</span></li>
<li style="margin-top:0;margin-bottom:0;vertical-align:middle"><span style="font-family:SimSun;font-size:10.5pt" lang="zh-CN">未定义：</span><span style="font-family:Calibri;font-size:10.5pt" lang="en-US">m </span><span style="font-family:SimSun;font-size:10.5pt" lang="zh-CN">分</span></li>
</ul>
</ol>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.8395in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt"></p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.8708in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt"></p>
</td>
</tr>
</tbody></table>
</div>
<p style="margin:0in;font-family:宋体;font-size:10.5pt"></p>
<p style="margin:0in;font-weight:bold"><span style="font-family:宋体;font-size:
10.5pt">需求管理系数</span><span style="font-family:SimSun;font-size:10.0pt">：</span></p>
<div style="direction:ltr">
<table border="1" cellpadding="0" cellspacing="0" valign="top" style="direction:ltr;
border-collapse:collapse;border-style:solid;border-color:#A3A3A3;border-width:
1pt">
<tbody><tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.7611in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:Calibri;font-size:10.5pt" lang="en-US"><span style="mso-spacerun:yes"> </span></p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.1986in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt">提项</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.8548in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt">情境</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.8444in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt">难度系数</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.9041in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt">评分</p>
</td>
</tr>
<tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.7611in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:Calibri;font-size:10.5pt" lang="en-US">1</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.1986in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt">中途设计更改控制</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:2.8548in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt"></p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.8444in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt"></p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:.9041in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.5pt"></p>
</td>
</tr>
</tbody></table>
</div>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt"></p>
<p style="margin:0in;font-weight:bold;font-family:SimSun;font-size:10.0pt">功能评估</p><p></p><p>（待深入）</p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><img src="http://www.cnblogs.com/nebel/aggbug/1741015.html?type=1" width="1" height="1" alt=""/><p><a href="http://www.cnblogs.com/nebel/archive/2010/05/21/1741015.html" target="_blank">本文链接</a></p>http://www.cnblogs.com/nebel/archive/2010/05/21/1740988.html前端待学习研究方面1 Html5 研究与尝试 - 简略写法的尝试 - 新标签的研究2前端自动化测试的尝试 - 自动化测试方法的研究 - 测试技术的搜集与研究3前端发布机制的优化和总结 - 优化现有的发布机制和代码4脚本常用库的总结与设计5其他 - 功能化开发的协作方式推广 - 功能+模板界面的单元测试方式研究前端测试：Selenium+YSlow+ShowSlow Xvfb+YSlow+ShowSlowwww.be...2010-05-21T07:57:00Z2010-05-21T07:57:00Z路口http://www.cnblogs.com/nebel/<p style="margin:0in;font-family:SimSun;font-size:10.0pt"><span style="font-family: verdana, 'courier new'; font-size: 14px; "></span></p><p style="margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; text-indent: 0px; "><span lang="en-US">1 Htm</span><span lang="zh-CN">l5 研究与尝试</span></p><p><span style="white-space:pre"> </span>- 简略写法的尝试</p><p><span style="white-space:pre"> </span>- 新标签的研究 </p><p style="margin-top: 0in; margin-right: 0in; margin-bottom: 0in; margin-left: 0in; text-indent: 0px; font-size: 10pt; "><span lang="en-US" style="font-family: Calibri; ">2<span> </span></span><span lang="zh-CN" style="font-family: SimSun; ">前端自动化测试的尝试</span></p><p style="margin-top: 0in; margin-right: 0in; margin-bottom: 0in; margin-left: 0in; text-indent: 0px; font-size: 10pt; "><span lang="en-US" style="font-family: Calibri; "><span> <span style="white-space: pre; "> </span></span></span><span lang="zh-CN" style="font-family: SimSun; ">- 自动化测试方法的研究</span></p><p style="margin-top: 0in; margin-right: 0in; margin-bottom: 0in; margin-left: 0in; text-indent: 0px; font-size: 10pt; "><span lang="en-US" style="font-family: Calibri; "><span> <span style="white-space: pre; "> </span></span></span><span lang="zh-CN" style="font-family: SimSun; ">- 测试技术的搜集与研究</span></p><p style="margin-top: 0in; margin-right: 0in; margin-bottom: 0in; margin-left: 0in; text-indent: 0px; font-size: 10pt; "><span lang="zh-CN" style="font-family: SimSun; ">3</span><span lang="en-US" style="font-family: Calibri; "><span> </span></span><span lang="zh-CN" style="font-family: SimSun; ">前端发布机制的优化和总结</span></p><p><span style="white-space:pre"> </span>- 优化现有的发布机制和代码 </p><p style="margin-top: 0in; margin-right: 0in; margin-bottom: 0in; margin-left: 0in; text-indent: 0px; font-size: 10pt; "><span lang="zh-CN" style="font-family: SimSun; ">4</span><span lang="en-US" style="font-family: Calibri; "><span> </span></span><span lang="zh-CN" style="font-family: SimSun; ">脚本常用库的总结与设计</span></p><p style="margin-top: 0in; margin-right: 0in; margin-bottom: 0in; margin-left: 0in; text-indent: 0px; font-size: 10pt; "><span lang="zh-CN" style="font-family: SimSun; ">5</span><span lang="en-US" style="font-family: Calibri; "><span> </span></span><span lang="zh-CN" style="font-family: SimSun; ">其他</span></p><p style="margin-top: 0in; margin-right: 0in; margin-bottom: 0in; margin-left: 0in; text-indent: 0px; font-size: 10pt; "><span lang="en-US" style="font-family: Calibri; "><span> <span style="white-space: pre; "> </span></span></span><span lang="zh-CN" style="font-family: SimSun; ">- 功能化开发的协作方式推广</span></p><p style="margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; text-indent: 0px; "></p><p style="margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; text-indent: 0px; "></p><p style="margin-top: 0in; margin-right: 0in; margin-bottom: 0in; margin-left: 0in; text-indent: 0px; font-family: SimSun; font-size: 10pt; ">- 功能+模板界面的<span> </span>单元测试方式研究</p><p></p><p></p><p><span style="font-family: SimSun; font-size: 13px; ">前端测试：</span><span style="font-size: 13px; "><span style="font-family:SimSun" lang="zh-CN">Selenium+YSlow+ShowSlow </span><span style="font-family:Calibri" lang="en-US"><span style="mso-spacerun:yes"> </span></span><span style="font-family:SimSun" lang="zh-CN">Xvfb+YSlow+ShowSlow</span></span></p><p><span style="font-family: SimSun; font-size: 13px; "></span>
</p><p style="margin:0in;font-family:SimSun;font-size:10.0pt"><a href="http://www.besteric.com/?p=533" target="_blank">www.besteric.com/?p=533</a></p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt"><a href="http://www.besteric.com/?p=479" target="_blank">www.besteric.com/?p=479</a> </p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt"><a href="http://showslow.googlecode.com/svn/trunk/" target="_blank">http://showslow.googlecode.com/svn/trunk/</a>
</p>
<span style="font-family: SimSun; font-size: 13px; "><a href="http://www.drawar.com/articles/the-differences-between-good-designers-and-great-designers/178/" target="_blank">www.drawar.com/articles/the-differences-between-good-designers-and-great-designers/178/</a></span> <p></p><p></p><p></p><p><br /></p><img src="http://www.cnblogs.com/nebel/aggbug/1740988.html?type=1" width="1" height="1" alt=""/><p><a href="http://www.cnblogs.com/nebel/archive/2010/05/21/1740988.html" target="_blank">本文链接</a></p>http://www.cnblogs.com/nebel/archive/2010/05/21/1740938.htmlCSS属性的分类从firebug得到的CSS属性分类。根据对CSS属性的恰当分类，可以进行CSS框架的应用设计，如： CSS的表象与结构的样式分离，方便多皮肤界面的应用 分类 属性集 文本： font-family font-size font-weight font-style color text-transform text-decoration letter-spacing word-sp...2010-05-21T07:16:00Z2010-05-21T07:16:00Z路口http://www.cnblogs.com/nebel/<p>从firebug得到的CSS属性分类。<br /></p><p>根据对CSS属性的恰当分类，可以进行CSS框架的应用设计，如： CSS的表象与结构的样式分离，方便多皮肤界面的应用</p><p></p><p></p><div style="direction:ltr">
<table border="1" cellpadding="0" cellspacing="0" valign="top" style="direction:ltr;
border-collapse:collapse;border-style:solid;border-color:#A3A3A3;border-width:
1pt">
<tbody><tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:1.9694in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">分类</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:4.9666in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">属性集</p>
</td>
</tr>
<tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:1.9694in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">文本：</p><p></p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt"></p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:4.9666in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">font-family</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">font-size</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">font-weight</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">font-style</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">color</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">text-transform</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">text-decoration</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">letter-spacing</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">word-spacing</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">line-height</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">text-align</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">vertical-align</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">direction</p><p></p>
</td>
</tr>
<tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:1.9694in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">背景</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt"></p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:4.9666in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">background-color</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">background-image</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">background-repeat</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">background-position</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">background-attachment</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">opacity</p>
</td>
</tr>
<tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:1.9694in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.0pt"></p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">盒模型</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt"></p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:4.9666in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">width height</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt"><s>top right bottom
left firbug将这几个归在了盒模型里</s></p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">margin</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">padding</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">border</p>
</td>
</tr>
<tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:1.9694in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.0pt"></p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">布局</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt"></p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:4.9666in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">position</p><p><span style="font-family: SimSun; font-size: 13px; ">top right bottom left </span> </p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">display</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">visibility</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">z-index</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">overflow-x
overflow-y</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">white-space</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">clip</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">float</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">clear</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">-moz-box-sizing</p>
</td>
</tr>
<tr>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:1.9694in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">其它</p>
</td>
<td style="border-style:solid;border-color:#A3A3A3;border-width:1pt;
vertical-align:top;width:4.9666in;padding:4pt 4pt 4pt 4pt">
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">cursor</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">list-style-image</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">list-style-position</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">list-style-type</p>
<p style="margin:0in;font-family:SimSun;font-size:10.0pt">marker-offset</p>
</td>
</tr>
</tbody></table></div><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><img src="http://www.cnblogs.com/nebel/aggbug/1740938.html?type=1" width="1" height="1" alt=""/><p><a href="http://www.cnblogs.com/nebel/archive/2010/05/21/1740938.html" target="_blank">本文链接</a></p>http://www.cnblogs.com/nebel/archive/2009/08/03/f2engine_css_js.htmlCSS.JS文件发布机制的思考在开发过程中，有时遇到由于缓存问题导致页面不能及时更新，有时页面引入了不必需的样式脚本文件，有时由于文件太多，字节过大导致页面的性能缓慢，为了解决这些问题，个人设想了一个初步的解决方案。2009-08-03T07:19:00Z2009-08-03T07:19:00Z路口http://www.cnblogs.com/nebel/http://www.cnblogs.com/nebel/archive/2009/07/20/1526940.html我常用的ff插件cssviewereditcssfiddlerhookfirebugfirecookiefirephphtml validatorpixel perfectsearchStatusseoquakeweb developeryslow2009-07-20T03:27:00Z2009-07-20T03:27:00Z路口http://www.cnblogs.com/nebel/http://www.cnblogs.com/nebel/archive/2009/06/02/1494305.htmlweb程序员的思考===============================================================WEB程序员的技能要求：Web程序员不光要对 后端程序（如 php，jsp，asp.net）语言知识，对程序设计架构知识，数据库知识等等后端相关的知识要熟练精通。而且对一下几方面的知识要做到熟练的程度：Html：至少能知道怎么样嵌套html标签的结构是合理的，常用的标签怎么...2009-06-02T02:45:00Z2009-06-02T02:45:00Z路口http://www.cnblogs.com/nebel/http://www.cnblogs.com/nebel/archive/2009/05/27/1490915.html记录1.html中JavaScript脚本使用到的 id，class，一律加个命名标注。2.tabpane选项卡的视觉设计与css转化的方法3. 设计中 元素的独立表现与整体表现融合的关系，独立的程度与整体的融合的关系决定了前端实现的复杂度。如果元素本身的独立性很差，或者与整体的表现牵扯不清，无法很好的分离开来，那么将比较难理清视觉表现之间的关系。2009-05-27T08:17:00Z2009-05-27T08:17:00Z路口http://www.cnblogs.com/nebel/http://www.cnblogs.com/nebel/archive/2009/05/26/1489322.html【原创】CSSOO的思想及CSS框架的应用（未整理完） CSSOO的思想及CSS框架的应用(原写于上一个blog：http://www.cnblogs.com/tenero/archive/2008/05/29/1209772.html，后来一直没时间整理这份思考) 前语：通过这次研究分析总结，个人对CSSOO的概念及应用的思路也更明确一些，是一个和大家共同学习的过程。一、CSS框架框架目的：给出一个相对规范的开发方法，给出一些具体的可以操作流程内容，...2009-05-26T01:30:00Z2009-05-26T01:30:00Z路口http://www.cnblogs.com/nebel/http://www.cnblogs.com/nebel/archive/2009/04/30/1447006.html图片的 css sprite的应用思考如何给css sprite的背景图片归类。一。按内容应用范围归类二.按照图片的扩展属性分类1.固定高宽 不具备延展的图片 常见的有 ico的图片，比如banner，li的背景图 2.水平延展： 一个宽（较宽）的图片，+ 一个定宽的小图片，组合，以完成不同宽度的背景应用 3.水平平铺 1像素的图层宽度，高度非常高。 4.纵向平铺 1像素的图层高度，宽度非常宽待续。。。2009-04-30T06:40:00Z2009-04-30T06:40:00Z路口http://www.cnblogs.com/nebel/