saybody
saybody

看淘宝UED招聘题，思索FSE技能定位(附参考答案)

<div class="floatRPic">
<a title="web标准设计" href="http://justinyoung.cnblogs.com/" target="_blank"><img alt="淘宝招聘题" src="http://justinyoung.cnblogs.com/images/cnblogs_com/justinyoung/2008_1q/taobaoLogo.gif"></a><br>
淘宝的审美眼光</div>
<h4>题目1：JavaScript方面</h4>
<p>小贤是一条可爱的小狗(Dog)，它的叫声很好听(wow)，每次看到主人的时候就会乖乖叫一声(yelp)。从这段描述可以得到以下对象：</p>
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 70%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee;">
<span style="color: #008080;">1</span><span style="color: #0000ff;">function</span><span style="color: #000000;">Dog(){<br></span><span style="color: #008080;">2</span><span style="color: #000000;"></span><span style="color: #0000ff;">this</span><span style="color: #000000;">.wow</span><span style="color: #000000;">=</span><span style="color: #000000;"></span><span style="color: #0000ff;">function</span><span style="color: #000000;">(){<br></span><span style="color: #008080;">3</span><span style="color: #000000;">alert(’Wow’);<br></span><span style="color: #008080;">4</span><span style="color: #000000;">}<br></span><span style="color: #008080;">5</span><span style="color: #000000;"></span><span style="color: #0000ff;">this</span><span style="color: #000000;">.yelp</span><span style="color: #000000;">=</span><span style="color: #000000;"></span><span style="color: #0000ff;">function</span><span style="color: #000000;">(){<br></span><span style="color: #008080;">6</span><span style="color: #000000;"></span><span style="color: #0000ff;">this</span><span style="color: #000000;">.wow();<br></span><span style="color: #008080;">7</span><span style="color: #000000;">}<br></span><span style="color: #008080;">8</span><span style="color: #000000;">}</span>
</div>
<br><p>小芒和小贤一样，原来也是一条可爱的小狗，可是突然有一天疯了(MadDog)，一看到人就会每隔半秒叫一声(wow)地不停叫唤(yelp)。请根据描述，按示例的形式用代码来实现（提示关键字: 继承，原型，setInterval）。</p>
<h5>参考答案，先自己思考一下哦！</h5>
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee;">
<img id="Code_Closed_Image_103929" height="16" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" width="11" align="top"><img id="Code_Open_Image_103929" style="display: none;" height="16" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" width="11" align="top"><span id="Code_Closed_Text_103929" style="border-right: #808080 1px solid; border-top: #808080 1px solid; border-left: #808080 1px solid; border-bottom: #808080 1px solid; background-color: #ffffff;">先自己试试哦</span><span id="Code_Open_Text_103929" style="display: none;"><br>&lt;!--&lt;br /&gt;&lt;br /&gt;Code highlighting produced by Actipro CodeHighlighter (freeware)&lt;br /&gt;http://www.CodeHighlighter.com/&lt;br /&gt;&lt;br /&gt;--&gt;<span style="color: #008080;">1</span><img id="Codehighlighter1_18_155_Open_Image" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align="top"><img id="Codehighlighter1_18_155_Closed_Image" style="display: none;" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" align="top"><span style="color: #0000ff;">function</span><span style="color: #000000;">MadDog()</span><span id="Codehighlighter1_18_155_Closed_Text" style="border-right: #808080 1px solid; border-top: #808080 1px solid; display: none; border-left: #808080 1px solid; border-bottom: #808080 1px solid; background-color: #ffffff;"><img alt="" src="http://www.cnblogs.com/Images/dot.gif"></span><span id="Codehighlighter1_18_155_Open_Text"><span style="color: #000000;">{<br></span><span style="color: #008080;">2</span><span style="color: #000000;"><img id="Codehighlighter1_47_153_Open_Image" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif" align="top"><img id="Codehighlighter1_47_153_Closed_Image" style="display: none;" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif" align="top"></span><span style="color: #0000ff;">this</span><span style="color: #000000;">.yelp</span><span style="color: #000000;">=</span><span style="color: #000000;"></span><span style="color: #0000ff;">function</span><span style="color: #000000;">()</span><span id="Codehighlighter1_47_153_Closed_Text" style="border-right: #808080 1px solid; border-top: #808080 1px solid; display: none; border-left: #808080 1px solid; border-bottom: #808080 1px solid; background-color: #ffffff;"><img alt="" src="http://www.cnblogs.com/Images/dot.gif"></span><span id="Codehighlighter1_47_153_Open_Text"><span style="color: #000000;">{<br></span><span style="color: #008080;">3</span><span style="color: #000000;"><img alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align="top"></span><span style="color: #0000ff;">var</span><span style="color: #000000;">self</span><span style="color: #000000;">=</span><span style="color: #000000;"></span><span style="color: #0000ff;">this</span><span style="color: #000000;">;<br></span><span style="color: #008080;">4</span><span style="color: #000000;"><img id="Codehighlighter1_105_140_Open_Image" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif" align="top"><img id="Codehighlighter1_105_140_Closed_Image" style="display: none;" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif" align="top">setInterval(</span><span style="color: #0000ff;">function</span><span style="color: #000000;">()</span><span id="Codehighlighter1_105_140_Closed_Text" style="border-right: #808080 1px solid; border-top: #808080 1px solid; display: none; border-left: #808080 1px solid; border-bottom: #808080 1px solid; background-color: #ffffff;"><img alt="" src="http://www.cnblogs.com/Images/dot.gif"></span><span id="Codehighlighter1_105_140_Open_Text"><span style="color: #000000;">{<br></span><span style="color: #008080;">5</span><span style="color: #000000;"><img alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align="top">self.wow();<br></span><span style="color: #008080;">6</span><span style="color: #000000;"><img alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" align="top">}</span></span><span style="color: #000000;">,</span><span style="color: #000000;">500</span><span style="color: #000000;">);<br></span><span style="color: #008080;">7</span><span style="color: #000000;"><img alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" align="top">}</span></span><span style="color: #000000;"><br></span><span style="color: #008080;">8</span><span style="color: #000000;"><img alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align="top">}</span></span><span style="color: #000000;"><br></span><span style="color: #008080;">9</span><span style="color: #000000;"><img alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top">MadDog.prototype</span><span style="color: #000000;">=</span><span style="color: #000000;"></span><span style="color: #0000ff;">new</span><span style="color: #000000;">Dog();<br></span><span style="color: #008080;">10</span><span style="color: #000000;"><img alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top"></span><span style="color: #008000;">//</span><span style="color: #008000;">fortest</span><span style="color: #008000;"><br></span><span style="color: #008080;">11</span><span style="color: #008000;"><img alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top"></span><span style="color: #0000ff;">var</span><span style="color: #000000;">dog</span><span style="color: #000000;">=</span><span style="color: #000000;"></span><span style="color: #0000ff;">new</span><span style="color: #000000;">Dog();<br></span><span style="color: #008080;">12</span><span style="color: #000000;"><img alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top">dog.yelp();<br></span><span style="color: #008080;">13</span><span style="color: #000000;"><img alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top"></span><span style="color: #0000ff;">var</span><span style="color: #000000;">madDog</span><span style="color: #000000;">=</span><span style="color: #000000;"></span><span style="color: #0000ff;">new</span><span style="color: #000000;">MadDog();<br></span><span style="color: #008080;">14</span><span style="color: #000000;"><img alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top">madDog.yelp();</span></span>
</div>
<br><h6>淘宝招聘官评语</h6>
<blockquote>
<p>以上是较为规范的一个解法，我们希望通过此题，检查应聘者对JS的语言基础及的面向对象开发的理解程度。其中的难点在于闭包的应用。</p>
</blockquote>
<h4>题目2：CSS方面</h4>
<p>使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。</p>
<h5>参考答案，先自己思考一下哦！</h5>
<textarea id="txtTestCode" rows="12" cols="65">    &lt;!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;meta name="Keywords" content="简单的XHTML页面" /&gt;
&lt;meta name="Description" content="这是一个简单的XHTML页面" /&gt;
&lt;title&gt;简单的XHTML页面&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;style type="text/css"&gt;
.box {
display: table-cell;
vertical-align:middle;
width:200px;
height:200px;
text-align:center;
/* hack for ie */
*display: block;
*font-size: 175px;
/* end */
border: 5px solid red;
}
.box img {
vertical-align:middle;
}
&lt;/style&gt;
&lt;div class="box"&gt;
&lt;img src="http://justinyoung.cnblogs.com/images/cnblogs_com/justinyoung/2007/tb_m.PNG"  alt="" /&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea><div style="clear: both;">
<input type="button" value="运行代码"><input type="button" value="复制代码"><input type="button" value="另存代码"><br><br>
</div>
<h6>淘宝招聘官评语</h6>
<blockquote>
<p>很遗憾，这个解法用到了css hack。我们也不理解为什么设置font-size可以让IE显示垂直居中的效果。根据我们的计算，高度/字体大小的比值为1.14左右时IE可实现垂直居中。</p>
<p>当然还有很多其他的实现方案，但需要引入额外的标签。对于流量超大的淘宝网而言，我们经过权衡，倾向于在此问题上合理的使用hack。</p>
</blockquote>
<h4>题目3：XHMTL方面</h4>
<p>在不使用 border 样式的情况下，画出一条一px高的横线，在不同浏览器的Quirksmode和CSSCompat模式下都保持同一效果。</p>
<h5>参考答案，先自己思考一下哦！</h5>
<textarea id="txtTestCode2" rows="12" cols="65">  &lt;!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;meta name="Keywords" content="简单的XHTML页面" /&gt;
&lt;meta name="Description" content="这是一个简单的XHTML页面" /&gt;
&lt;title&gt;简单的XHTML页面&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div style="height:1px;overflow:hidden;background:#000"&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea><div style="clear: both;">
<input type="button" value="运行代码"><input type="button" value="复制代码"><input type="button" value="另存代码"><br><br>
</div>
<h6>淘宝招聘官评语</h6>
<blockquote>
<p>此题要点是要求在浏览器的 QuirksMode 和 CSSCompat 模式下效果一致。解法有很多，以上是我们认为的最为合理的一种。</p>
</blockquote>
<h4>题目4：JavaScript方面</h4>
<p>请给Array本地对象增加一个原型方法，它的用途是删除数组条目中重复的条目(可能有多个)，返回值是一个包含被删除的重复条目的新数组。</p>
<h5>参考答案，先自己思考一下哦！</h5>
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee;">
<img id="Code_Closed_Image_115941" height="16" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" width="11" align="top"><img id="Code_Open_Image_115941" style="display: none;" height="16" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" width="11" align="top"><span id="Code_Closed_Text_115941" style="border-right: #808080 1px solid; border-top: #808080 1px solid; border-left: #808080 1px solid; border-bottom: #808080 1px solid; background-color: #ffffff;">先自己思考一下哦</span><span id="Code_Open_Text_115941" style="display: none;"><br>&lt;!--&lt;br /&gt;&lt;br /&gt;Code highlighting produced by Actipro CodeHighlighter (freeware)&lt;br /&gt;http://www.CodeHighlighter.com/&lt;br /&gt;&lt;br /&gt;--&gt;<span style="color: #008080;">1</span><img id="Codehighlighter1_38_249_Open_Image" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align="top"><img id="Codehighlighter1_38_249_Closed_Image" style="display: none;" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" align="top"><span style="color: #000000;">Array.prototype.distinct</span><span style="color: #000000;">=</span><span style="color: #000000;"></span><span style="color: #0000ff;">function</span><span style="color: #000000;">()</span><span id="Codehighlighter1_38_249_Closed_Text" style="border-right: #808080 1px solid; border-top: #808080 1px solid; display: none; border-left: #808080 1px solid; border-bottom: #808080 1px solid; background-color: #ffffff;"><img alt="" src="http://www.cnblogs.com/Images/dot.gif"></span><span id="Codehighlighter1_38_249_Open_Text"><span style="color: #000000;">{<br></span><span style="color: #008080;">2</span><span style="color: #000000;"><img alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align="top"></span><span style="color: #0000ff;">var</span><span style="color: #000000;">ret</span><span style="color: #000000;">=</span><span style="color: #000000;">[];<br></span><span style="color: #008080;">3</span><span style="color: #000000;"><img id="Codehighlighter1_94_234_Open_Image" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif" align="top"><img id="Codehighlighter1_94_234_Closed_Image" style="display: none;" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif" align="top"></span><span style="color: #0000ff;">for</span><span style="color: #000000;">(</span><span style="color: #0000ff;">var</span><span style="color: #000000;">i</span><span style="color: #000000;">=</span><span style="color: #000000;"></span><span style="color: #000000;">0</span><span style="color: #000000;">;i</span><span style="color: #000000;">&lt;</span><span style="color: #000000;"></span><span style="color: #0000ff;">this</span><span style="color: #000000;">.length;i</span><span style="color: #000000;">++</span><span style="color: #000000;">)</span><span id="Codehighlighter1_94_234_Closed_Text" style="border-right: #808080 1px solid; border-top: #808080 1px solid; display: none; border-left: #808080 1px solid; border-bottom: #808080 1px solid; background-color: #ffffff;"><img alt="" src="http://www.cnblogs.com/Images/dot.gif"></span><span id="Codehighlighter1_94_234_Open_Text"><span style="color: #000000;">{<br></span><span style="color: #008080;">4</span><span style="color: #000000;"><img id="Codehighlighter1_134_231_Open_Image" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif" align="top"><img id="Codehighlighter1_134_231_Closed_Image" style="display: none;" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif" align="top"></span><span style="color: #0000ff;">for</span><span style="color: #000000;">(</span><span style="color: #0000ff;">var</span><span style="color: #000000;">j</span><span style="color: #000000;">=</span><span style="color: #000000;">i</span><span style="color: #000000;">+</span><span style="color: #000000;">1</span><span style="color: #000000;">;j</span><span style="color: #000000;">&lt;</span><span style="color: #000000;"></span><span style="color: #0000ff;">this</span><span style="color: #000000;">.length;)</span><span id="Codehighlighter1_134_231_Closed_Text" style="border-right: #808080 1px solid; border-top: #808080 1px solid; display: none; border-left: #808080 1px solid; border-bottom: #808080 1px solid; background-color: #ffffff;"><img alt="" src="http://www.cnblogs.com/Images/dot.gif"></span><span id="Codehighlighter1_134_231_Open_Text"><span style="color: #000000;">{<br></span><span style="color: #008080;">5</span><span style="color: #000000;"><img id="Codehighlighter1_164_206_Open_Image" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif" align="top"><img id="Codehighlighter1_164_206_Closed_Image" style="display: none;" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif" align="top"></span><span style="color: #0000ff;">if</span><span style="color: #000000;">(</span><span style="color: #0000ff;">this</span><span style="color: #000000;">[i]</span><span style="color: #000000;">===</span><span style="color: #000000;"></span><span style="color: #0000ff;">this</span><span style="color: #000000;">[j])</span><span id="Codehighlighter1_164_206_Closed_Text" style="border-right: #808080 1px solid; border-top: #808080 1px solid; display: none; border-left: #808080 1px solid; border-bottom: #808080 1px solid; background-color: #ffffff;"><img alt="" src="http://www.cnblogs.com/Images/dot.gif"></span><span id="Codehighlighter1_164_206_Open_Text"><span style="color: #000000;">{<br></span><span style="color: #008080;">6</span><span style="color: #000000;"><img alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align="top">ret.push(</span><span style="color: #0000ff;">this</span><span style="color: #000000;">.splice(j,</span><span style="color: #000000;">1</span><span style="color: #000000;">)[</span><span style="color: #000000;">0</span><span style="color: #000000;">]);<br></span><span style="color: #008080;">7</span><span style="color: #000000;"><img id="Codehighlighter1_212_227_Open_Image" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif" align="top"><img id="Codehighlighter1_212_227_Closed_Image" style="display: none;" alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif" align="top">}</span></span><span style="color: #000000;"></span><span style="color: #0000ff;">else</span><span style="color: #000000;"></span><span id="Codehighlighter1_212_227_Closed_Text" style="border-right: #808080 1px solid; border-top: #808080 1px solid; display: none; border-left: #808080 1px solid; border-bottom: #808080 1px solid; background-color: #ffffff;"><img alt="" src="http://www.cnblogs.com/Images/dot.gif"></span><span id="Codehighlighter1_212_227_Open_Text"><span style="color: #000000;">{<br></span><span style="color: #008080;">8</span><span style="color: #000000;"><img alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align="top">j</span><span style="color: #000000;">++</span><span style="color: #000000;">;<br></span><span style="color: #008080;">9</span><span style="color: #000000;"><img alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" align="top">}</span></span><span style="color: #000000;"><br></span><span style="color: #008080;">10</span><span style="color: #000000;"><img alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" align="top">}</span></span><span style="color: #000000;"><br></span><span style="color: #008080;">11</span><span style="color: #000000;"><img alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" align="top">}</span></span><span style="color: #000000;"><br></span><span style="color: #008080;">12</span><span style="color: #000000;"><img alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align="top"></span><span style="color: #0000ff;">return</span><span style="color: #000000;">ret;<br></span><span style="color: #008080;">13</span><span style="color: #000000;"><img alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align="top">}</span></span><span style="color: #000000;"><br></span><span style="color: #008080;">14</span><span style="color: #000000;"><img alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top"></span><span style="color: #008000;">//</span><span style="color: #008000;">fortest</span><span style="color: #008000;"><br></span><span style="color: #008080;">15</span><span style="color: #008000;"><img alt="" src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top"></span><span style="color: #000000;">alert([</span><span style="color: #000000;">'</span><span style="color: #000000;">a</span><span style="color: #000000;">'</span><span style="color: #000000;">,</span><span style="color: #000000;">'</span><span style="color: #000000;">b</span><span style="color: #000000;">'</span><span style="color: #000000;">,</span><span style="color: #000000;">'</span><span style="color: #000000;">c</span><span style="color: #000000;">'</span><span style="color: #000000;">,</span><span style="color: #000000;">'</span><span style="color: #000000;">d</span><span style="color: #000000;">'</span><span style="color: #000000;">,</span><span style="color: #000000;">'</span><span style="color: #000000;">b</span><span style="color: #000000;">'</span><span style="color: #000000;">,</span><span style="color: #000000;">'</span><span style="color: #000000;">a</span><span style="color: #000000;">'</span><span style="color: #000000;">,</span><span style="color: #000000;">'</span><span style="color: #000000;">e</span><span style="color: #000000;">'</span><span style="color: #000000;">].distinct());</span></span>
</div>
<br><h6>淘宝招聘官评语</h6>
<blockquote>
<p>这是最为普通的解法。在数组元素数量不高的情况下，它的性能是可以接受的。相信一定有不少朋友有更好的解法，请告诉我们。 </p>
</blockquote>
<hr style="border-right: 0px; border-top: black 1px solid; border-left: 0px; border-bottom: 0px; height: 0px;">
<h4>我想说两句</h4>
<p>从taobao的这次2007考题来看，对web前台职位的技能要求，已经很明显——web标准设计。从4道题目来看，考结构的占了一题，考表现的站了一题，考行为的占了两题。从这个比重来看，JavaScript的重要性，不言而喻。但是恰恰现在很多的学习web标准设计的朋友，都一头扎进css的研究当中，甚至误以为css就是web标准设计的全部。这点还是比较值得思考的。</p>
<p>提到JavaScript，很多做前台的都比较恐惧。美工、页面都可以做到很漂亮，但是就是JavaScript的基础比较差。我想这个也是比较值得反思的点。页面的配色、风格、图片等设计应该属于美工的事情，而后面两层（以三层架构为例）又是程序员的事情，所以，如果将自己定位为一个“Frontend Software Engineer”的时候，我们到底应该学习和掌握一些什么。我想淘宝的这个份试卷，还是比较有指导意义的。（当然，如果能力和精力比较好的话，全能是最好的。）</p>
<p>当然，我的意思也不是说，作为FSE（Frontend Software Engineer），只要掌握这三个方面就可以了。其实还需要一些其他的相关知识，例如SEO（搜索引擎优化）、UE（用户体验）等方面，甚至软件设计模式等方面也需要一定的能力，才能建设出好的（强壮、易维护、易扩展）网站。对待知识，我认为：第一：要广，只要和自己的职业定位相关的，都要有一定的了解。第二：要深，对自己凭着吃饭的技能一定要深入。掌握一些别人没有掌握的知识和能力，才能更好地体现自己的价值。</p>
<p>顺便推荐一篇文章（仅供参考）：<a title="WEB2.0的单手定则" href="http://www.twinsenliang.net/web/20080101.htm" target="_blank">《WEB2.0的单手定则》</a></p>
相关资料：
<ul style="margin: 0px 2px 0px 15px;">
<li>UED：User Experience Design 即：<a title="用户体验设计" href="http://www.baidu.com/s?wd=%E7%94%A8%E6%88%B7%E4%BD%93%E9%AA%8C%E8%AE%BE%E8%AE%A1" target="_blank">用户体验设计</a>
    </li>
<li>FSE： Frontend Software Engineer 即：<a title="前台软件工程师" href="http://www.baidu.com/s?wd=%E5%89%8D%E5%8F%B0%E8%BD%AF%E4%BB%B6%E5%B7%A5%E7%A8%8B%E5%B8%88" target="_blank"> 前台软件工程师</a>
    </li>
<li>招聘网页源地址： <a title="招聘网页源地址" href="http://ued.taobao.com/blog/2007/11/20/job_test_explanation/" target="_blank">招聘网页源地址</a>
    </li>
<li>CSS hack： <a title="css hack" href="http://www.google.cn/search?q=css%20hack&amp;ie=UTF-8&amp;oe=GB2312&amp;hl=zh-CN&amp;domains=http://www.cnblogs.com/JustinYoung/&amp;sitesearch=http://www.cnblogs.com/JustinYoung/" target="_blank">CSS hack资料</a>
    </li>
<li>QuirksMode和CSSCompat：诡异模式和标准模式（CSSCompat也叫Standards Mode） <a title="QuirksMode和CSSCompat" href="http://www.quirksmode.org/" target="_blank">QuirksMode和CSSCompat资料</a> </li>
</ul>

你可能感兴趣的:(UED)

  • useSyncExternalStore 的应用 前端
    我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：修能学而不思则罔，思而不学则殆。---《论语·为政》WhatuseSyncExternalStoreisaReactHookthatletsyousubscribetoanexternalstore.useSyncExternalStore是一个支持让用户订阅外部
  • 负责淘宝数据采集业务开发9年，聊聊我的心得 数据喵19970108018 经验分享
    缘起本人自14年校招加入淘宝UED（淘系前端前身）后，一直从事淘宝的业务前端开发工作，至今已有9年。一直想对自己已经度过的四分之一职业生涯（如果我能干30年的话）做个简单总结，无奈『拖延症』严重，直到年前被邀约做年终总结时，才下定决心，于是有了这篇文章。本文是一个业务前端对如何支撑好业务，以及在这过程中如何获得个人成长的总结。一些心路历程的变化可能不是在某个瞬间，而是在实践过程中潜移默化形成的。关
  • monaco-editor 的 Language Services 前端
    我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：修能这是一段平平无奇的SQL语法SELECTid,sum(name)FROMstudentGROUPBYidORDERBYid;如果把这段代码放到monaco-editor(@0.49.0)中，一切也显得非常普通。monaco.editor.create(ref.
  • 多线程在打包工具中的运用 前端
    我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：UED团队现代操作系统都是「多任务」的，也就是操作系统可以「并发」处理多个任务，比如可以在浏览页面的时候同时播放音乐。但是，一般来说我们的PC只有一个物理CPU，那么它是如何做到在只有一个CPU的情况下，并发处理多个任务的呢？我们简单探究一下。前置知识我们先简单熟
  • 基于 Webpack5 Module Federation 的业务解耦实践
    我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：贝儿前言本文中会提到很多目前数栈中使用的特定名词，统一做下解释描述dt-common：每个子产品都会引入的公共包(类似NPM包)AppMenus：在子产品中快速进入到其他子产品的导航栏，统一维护在dt-common中，子产品从dt-common中引入Portal：
  • 深入浅出 testing-library 前端单元测试单测
    我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：佳岚Themoreyourtestsresemblethewayyoursoftwareisused,themoreconfidencetheycangiveyou.您的测试越接近软件的使用方式，它们就越能给您带来信心。什么是testing-library?在了解
  • 基于 Webpack5 Module Federation 的业务解耦实践
    我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：贝儿前言本文中会提到很多目前数栈中使用的特定名词，统一做下解释描述dt-common：每个子产品都会引入的公共包(类似NPM包)AppMenus：在子产品中快速进入到其他子产品的导航栏，统一维护在dt-common中，子产品从dt-common中引入Portal：
  • 淘宝技术牛p博客整理 young-hz 花花世界博客技术淘宝
    转自：http://blog.csdn.net/zdp072/article/details/19574793淘宝技术委员会是由淘宝技术部高级技术人员组成的一个组织，共分为Java分会、C/C++分会、算法分会：数据分会：UED分会、测试分会、系统分会七个分会。淘宝技术委员会的愿景是淘宝成为技术人才向往的乐土，高级技术人员的发源地；技术委员会的使命是帮助淘宝建立业界一流的技术团队。同时，技术委员会
  • UED生涯 "且听风云的交互工具 點儿F
    经久不衰的小话题。13年入行至今已有一段光景，一直想做一个阶段性总结，关于辣些.....趟过的坑，阅过的时代，上手的装备，今天，终于要开始做了。冥思了几个工作日，终于还是从当初以及至今都热度不减的交互设计工具谈起。有欢喜，有忧愁。几篇别人家的推荐：一套交互设计工具推荐产品经理工具箱｜原型及交互设计工具（APP端）交互神器！谁是最好用的原型绘制工具？懒得看是一种美德，可以看总结。总结●Axure，快
  • 内推几何建模与图形渲染职位 卢石碧 图形渲染几何学c++qt
    最近（可能也会是长期的）公司在大力招兵买马，急缺几何、图形方面的人才。初级、高级、专家或有致力于图形领域方面开发都欢迎。当然其他方面的也有，包括BIM相关的开发，可直接内推。具体职位列表如下，薪资open可谈，坐标：上海、深圳、武汉三地均可。几何算法工程师图形图像开发工程师C++开发工程师BIM软件架构师BIM产品经理UED设计师测试开发工程师建筑业务专家期待能跟您共事！有认识的周边朋友想要换工作
  • UE、UI、UCD、UED名词解释-2018-11-21 一一休
    名词UE(UserExperience):用户体验UI(UserInterface):用户界面UCD(User-CenteredDesign):以用户为中心的设计UED(User-ExperienceDesign):用户体验设计名词解释什么是UI？UI(UserInterface)即用户界面，也称人机界面。是指用户和某些系统进行交互方法的集合，这些系统不单单指电脑程序，还包括某种特定的机器，设备，
  • 【转】前端切图该保存为什么格式？ aigenglong0649 前端photoshop操作系统ViewUI
    我的废话：对于切图这件事，一直很有疑义，应该是美工来做呢，还是前端人员来做？不管是怎样的理由以及怎样的应该与不应该，现在的状况是，美工和前端都在切图。亲，你切出来的图一般保持为什么格式呢？统一png？统一jpg？看心情？这可不好，下面这篇文章详细分析了不同图片格式的特点，帮助你定位如何恰当的保持图片格式。文章转载自淘宝UED,原文地址：http://ued.taobao.com/blog/2010
  • 路漫ued全日制ui设计班－小班制学习，专业专注 路漫ui设计
    路漫ued全日制5期班正在招生中，欢迎感兴趣的小伙伴们咨询。咨询微信：wwp1999,ＱＱ：1934511812课程名称：全日制ＵI精品班课程周期：3个月招生名额：12-15人招生对象：零基础人员，应届毕业生，转型设计师上课时间：周一至周五10：00-19：00晚上及周六：自习时间其余时间教室仍继续开放教学地址：深圳市南山区西丽同发路6号T6艺术区二楼A20交通直达：乘地铁至留仙洞站B出口，乘公交
  • UI设计和UE设计的差异，五个方向具体分析 未来的嗒嘀嗒 ui
    今天，让我们先全面了解一下UI.UID.UE/UX.UED及其差异。一.基本概念1.UI：UserInterface用户界面指人与机器互动过程中的界面。以汽车为例，方向盘.仪表盘等都属于用户界面。2.UID：UserInterfaceDesign用户页面设计主要是用户使用界面的视觉设计，负责产品或网站的图形.图标.色彩搭配等。，努力打造产品的美感.风格.气质等。3.UE/UX：UserExperi
  • Vue的知识梳理总结及面试可能 毅哥哥1 面试vue.js
    ##Vue的数据驱动原理？数据更新原理？响应式原理？数据通过object.defineProperty进行getset拦截。通知watcher（观察者模式）订阅发布模式，触发组件重新渲染，创建新的虚拟DOM，对比旧的虚拟DOM，通过diff找出不同，以最小代价更新节点。什么是Vue？核心代表人物尤雨溪Vue是饿了么ued团队开发并维护的一个渐进式框架，核心关注视图层vue的核心是一个允许采用简洁的
  • 【vue】jenkins打前端包时报错：第 8 行:cd: dist: 没有那个文件或目录 猫饭_ACE 前端前端vue.jsjenkins
    问题描述jenkins打前端包时报错：第8行dist:没有那个文件或目录Jenkins中“Executeshell”配置的脚本：echo$PATHnode-vnpm-vnpmconfigsetregistryhttp://ued.edtsoft.com/npminstallnpmrunbuild:prodcddistrm-rfxxx_*.tar.gztar-zcvf"xxx_${BUILD_NUM
  • 别人家的UED团队的工作流是怎样的？ 设计芯
    产品经理不是经理职务，但是需要承担经理的工作内容。现在仍然有不少人认为产品经理是一个管理岗，实际来说，它的确是一个普通岗，但是不管何种公司，产品经理又是一个管理协调岗位。他需要上达老板（负责人），下达体验设计、UI设计、视觉设计、前端开发、后端开发各成员。那么，产品经理所处的团队，一般是怎样完成协作的呢?以上两种模式，仅是从团队属性上进行了分类，B端与C端工作流上来说，其实区别性还真的不大，主要区
  • UED2023年上半年总结 武雅姝 UEDUED设计狮笔记ux人工智能产品运营设计规范
    博客/主站工作www首页信息流结构调整、封面默认图设计、图片比例统一博客个人主页信息流结构迭代，增加封面图博客详情，评论增加发红包功能及交互富文本编辑器增加“AI写作助手”博客评论：增加一个“分享到动态”的选择框，默认开启博客评论区优化：博客评论的展示改为一行pc端消息/私信功能优化博客详情页作者访问增加可见状态展示在个人主页增加创作引导博客详情页，悬浮条博客主页新增代码片分享数量icon首页to
  • 深兰科技人工智能创新设计院落户无锡 深兰科技 深兰科技人工智能机器学习大数据
    8月17日，在”创智共融、慧见未来”数字文化产业创新大会暨黄金湾科创园开园仪式上，无锡经济开发区与深兰科技集团举行签约仪式，双方拟在经开区建设深兰科技人工智能创新设计院，带动上下游产业聚集，为无锡智能制造产业发展注入新动力。据悉，此次签约的深兰科技人工智能创新设计院原为深兰科技AI创新设计部，经过多年发展已经组建了商业策划、预研创新、工业设计、UED、结构设计、工程制造、品牌设计等多个职能团队，形
  • echarts水球图-动态波纹百分比数据显示 樂途途 ECharts经验分享echarts前端javascript
    最近帮助朋友根据ued图学习设计了一个echarts水球图，觉得还蛮有意思的，在这记录一下（注意：下方有调试入口）具体效果：废话不多说，在这先给大家看一下是什么样子的效果，会不会是你以后也会用到的：看看，这种带比例的echarts是不是很像个水球，随着比例变动水位不断变化，再看看那一圈圈涟漪（ps：就这些‘涟漪’开始麻烦死了……）进入正题：废话不多说，直接上代码，希望对你有帮助：functionP
  • 涉嫌抄袭！致歉，抖音Semi Design承认参考阿里Ant Design xhmj12 java编程语言python大数据react
    抖音企业级应用UI解决方案SemiDesign近日宣布开源，采用了MIT开源许可协议。根据官网的描述，SemiDesign是现代、全面、灵活的设计系统和UI库，由字节跳动抖音前端与UED团队设计、开发并维护，是一款包含设计语言、React组件、主题等开箱即用的中后台解决方案，可用于快速搭建美观的React应用。就在SemiDesign开源不久后，其代码仓库的部分文案被发现包含AntDesign的内
  • 非常好用的组件库【semi.design】 鋜斗 前端前端
    文章目录前言semi.design是什么？怎么使用？设计稿转代码后言前言helloworld欢迎来到前端的新世界当前文章系列专栏：前端系列文章‍博主在前端领域还有很多知识和技术需要掌握，正在不断努力填补技术短板。(如果出现错误，感谢大家指出)感谢大家支持！您的观看就是作者创作的动力semi.design是什么？semi.design官网官网是这样说的：由抖音前端与UED团队维护，易于定制的现代化设
  • vue项目中应用ueditor自定义上传按钮 英雄初本涩
    由于上传地址问题，需要自定义上传按钮，效果如图效果图由于在页里面没有操作dom，所以想到了用vue的自定义事件绑定$emit、$on来把点击事件传递给ueditor。首先是给ueditor添加自定义按钮：1，打开ueditor.all.js,找到btnCmds，大概在27854行，如下图，在数组添加一个自定义的按钮名称，我写的是"love"ueditor.all.js2，给按钮添加事件还是在ued
  • 七大交互设计定律之奥卡姆剃刀原理（Occam’s Razor ） mmmmmmx
    定义奥卡姆剃刀原则的精髓就是“如无必要，勿增实体”，指的是切勿浪费较多东西去做，用较少的东西，同样可以做好的事情。举例来说，在科学领域中，如果多个理论都能解释同一个现象，那么采用假设最少者最可能是正确的。运用于企业管理中就是：流程精简，剃节点；组织扁平，剃部门；战略专注，剃功能。来源它是由出生在英国奥卡姆的威廉提出，以他的出生地命名。应用运用奥卡姆剃刀原理进行网页设计，雅虎UED在其《交互设计原理
  • 隐私政策 51well
    UED课堂尊重并保护所有使用服务用户的个人隐私权。为了给您提供更准确、更有个性化的服务，UED课堂会按照本隐私权政策的规定使用和披露您的个人信息。但UED课堂将以高度的勤勉、审慎义务对待这些信息。除本隐私权政策另有规定外，在未征得您事先许可的情况下，UED课堂不会将这些信息对外披露或向第三方提供。UED课堂会不时更新本隐私权政策。您在同意UED课堂服务使用协议之时，即视为您已经同意本隐私权政策全部
  • 想当一只平庸的毛毛虫，还是想破茧成蝶？ xiongmaomao
    如何从一名平庸的用户体验设计师破茧成蝶成为一名优秀的用户体验师？《破茧成蝶》是一本用户体验设计师成长之路值得一看的书籍，该书的作者为网易技术部UED主管刘津，从事交互设计工作多年，经验较为丰富，对用户体验的相关设计有一套清晰的理念，以下将阐述让我印象深刻的部分知识。设计师在与同行的交流中，经常会听到一股抱怨声，抱怨自己在团队的地位不够，得不到应有的尊重，当有这种情况发生时，设计师应该思考自己在团队
  • UI（user interface）用户界面设计自学笔记 E客说
    UI（userinterface）用户界面，人与机器互动的界面例卫龙：设计苹果风，小广告风，复古风，各种设计风格小米，苹果线上线下风格统一UE/UX/UED（用户体验设计师）要关注用户在访问网站或者使用APP时的全部感受，即是否还想再次使用，是否成功，是否享受，所能容忍的问题，疑惑和bug的程度IXD（交互设计师）UI(用户界面设计师）无论职称是什么，都是针对用户的问题和需求做出合理，好用，用起来
  • UX/UI/产品 招聘信息（7月-正式工作） JohnsonPan
    原创：强森交互设计院今天从年初到现在，互联网人体会到了寒冬期，所以「交互设计院」团队成员在工作之余为大家开设计单独的「互联网招聘」栏目，初期以UX、UI设计为主，后期会增加其他互联网相关工作，希望能够在寒冬帮助互联网er找到心仪的工作。【阿里巴巴】新零售供应链事业部ued团队招交互设计团队介绍：阿里巴巴新零售供应链平台事业部，是支撑阿里巴巴新零售业务体系的供应链产品技术平台的建设者。我们承担着打造
  • UI全书上《UI设计师入门必读的书》读后梳理 Bystander7
    时间：2019-06-29作者：郗鉴出版社：中国工信出版集团电子工业出版社UI设计师的职责是设计供人机交互使用的图形化用户界面，并使界面更加易用和友好。UI设计师完成的图形化界面又称为GUI，具有易用性和友好性的特点。易用性，即界面不需要进行复杂思索即可容易的使用；友好性，即对用户友好，容易被理解。UED（用户体验设计）是以用户体验为中心，以用户需求为目标而进行的设计。过程注重以用户为中心。UCD
  • 《增长黑客》读书笔记（附思维导图） dai0
    增长黑客的三个核心✔数据驱动和提升转化率？✔病毒式营销——人际型触发？将NPS变成即时的、真实有效的口碑营销？✔多样化、跨职能团队和赋能——知行合一？增长黑客带来竞争优势的两个途径✔Scrum式的快速迭代，验证需求，并学习到新的客户知识✔海量客户数据的收集和利用增长负责人＝Scrum主管+产品负责人增长团队＝增长负责人&产品经理&软件工程师&营销专员&数据分析师&产品设计师（UED）增长团队的汇报
  • ztree异步加载 3213213333332132 JavaScriptAjaxjsonWebztree
    相信新手用ztree的时候,对异步加载会有些困惑，我开始的时候也是看了API花了些时间才搞定了异步加载，在这里分享给大家。 我后台代码生成的是json格式的数据，数据大家按各自的需求生成，这里只给出前端的代码。 设置setting，这里只关注async属性的配置 var setting = { //异步加载配置
  • thirft rpc 具体调用流程 BlueSkator 中间件rpcthrift
    Thrift调用过程中，Thrift客户端和服务器之间主要用到传输层类、协议层类和处理类三个主要的核心类，这三个类的相互协作共同完成rpc的整个调用过程。在调用过程中将按照以下顺序进行协同工作：         （1）     将客户端程序调用的函数名和参数传递给协议层（TProtocol），协议
  • 异或运算推导, 交换数据 dcj3sjt126com PHP异或^
    /* * 5 0101 * 9 1010 * * 5 ^ 5 * 0101 * 0101 * ----- * 0000 * 得出第一个规律: 相同的数进行异或, 结果是0 * * 9 ^ 5 ^ 6 * 1010 * 0101 * ---- * 1111 * * 1111 * 0110 * ---- * 1001
  • 事件源对象 周华华 JavaScript
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • MySql配置及相关命令 g21121 mysql
            MySQL安装完毕后我们需要对它进行一些设置及性能优化，主要包括字符集设置，启动设置，连接优化，表优化，分区优化等等。           一 修改MySQL密码及用户      
  • [简单]poi删除excel 2007超链接 53873039oycg Excel
          采用解析sheet.xml方式删除超链接，缺点是要打开文件2次,代码如下:      public void removeExcel2007AllHyperLink(String filePath) throws Exception { OPCPackage ocPkg = OPCPac
  • Struts2添加 open flash chart 云端月影
    准备以下开源项目： 1. Struts 2.1.6 2. Open Flash Chart 2 Version 2 Lug Wyrm Charmer (28th, July 2009) 3. jofc2，这东西不知道是没做好还是什么意思，好像和ofc2不怎么匹配，最好下源码，有什么问题直接改。 4. log4j 用eclipse新建动态网站，取名OFC2Demo，将Struts2 l
  • spring包详解 aijuans spring
    下载的spring包中文件及各种包众多，在项目中往往只有部分是我们必须的，如果不清楚什么时候需要什么包的话，看看下面就知道了。 aspectj目录下是在Spring框架下使用aspectj的源代码和测试程序文件。Aspectj是java最早的提供AOP的应用框架。 dist 目录下是Spring 的发布包，关于发布包下面会详细进行说明。 docs&nb
  • 网站推广之seo概念 antonyup_2006 算法Web应用服务器搜索引擎Google
       持续开发一年多的b2c网站终于在08年10月23日上线了。作为开发人员的我在修改bug的同时，准备了解下网站的推广分析策略。     所谓网站推广，目的在于让尽可能多的潜在用户了解并访问网站，通过网站获得有关产品和服务等信息，为最终形成购买决策提供支持。     网站推广策略有很多，seo，email，adv
  • 单例模式,sql注入,序列 百合不是茶 单例模式序列sql注入预编译
      序列在前面写过有关的博客,也有过总结,但是今天在做一个JDBC操作数据库的相关内容时 需要使用序列创建一个自增长的字段  居然不会了,所以将序列写在本篇的前面    1,序列是一个保存数据连续的增长的一种方式; 序列的创建; CREATE SEQUENCE seq_pro 2 INCREMENT BY 1 -- 每次加几个 3
  • Mockito单元测试实例 bijian1013 单元测试mockito
    Mockito单元测试实例： public class SettingServiceTest { private List<PersonDTO> personList = new ArrayList<PersonDTO>(); @InjectMocks private SettingPojoService settin
  • 精通Oracle10编程SQL(9)使用游标 bijian1013 oracle数据库plsql
    /* *使用游标 */ --显示游标 --在显式游标中使用FETCH...INTO语句 DECLARE CURSOR emp_cursor is select ename,sal from emp where deptno=1; v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; begin ope
  • 【Java语言】动态代理 bit1129 java语言
      JDK接口动态代理 JDK自带的动态代理通过动态的根据接口生成字节码(实现接口的一个具体类)的方式，为接口的实现类提供代理。被代理的对象和代理对象通过InvocationHandler建立关联   package com.tom; import com.tom.model.User; import com.tom.service.IUserService;
  • Java通信之URL通信基础 白糖_ javajdkwebservice网络协议ITeye
    java对网络通信以及提供了比较全面的jdk支持，java.net包能让程序员直接在程序中实现网络通信。 在技术日新月异的现在，我们能通过很多方式实现数据通信，比如webservice、url通信、socket通信等等，今天简单介绍下URL通信。 学习准备：建议首先学习java的IO基础知识   URL是统一资源定位器的简写，URL可以访问Internet和www，可以通过url
  • 博弈Java讲义 - Java线程同步 (1) boyitech java多线程同步锁
      在并发编程中经常会碰到多个执行线程共享资源的问题。例如多个线程同时读写文件，共用数据库连接，全局的计数器等。如果不处理好多线程之间的同步问题很容易引起状态不一致或者其他的错误。    同步不仅可以阻止一个线程看到对象处于不一致的状态，它还可以保证进入同步方法或者块的每个线程，都看到由同一锁保护的之前所有的修改结果。处理同步的关键就是要正确的识别临界条件（cri
  • java-给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。 bylijinnan java
    public class DeleteExtraSpace { /** * 题目：给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。 * 方法1.用已有的String类的trim和replaceAll方法 * 方法2.全部用正则表达式，这个我不熟 * 方法3.“重新发明轮子”，从头遍历一次 */ public static v
  • An error has occurred.See the log file错误解决！ Kai_Ge MyEclipse
    今天早上打开MyEclipse时，自动关闭！弹出An error has occurred.See the log file错误提示！ 很郁闷昨天启动和关闭还好着！！！打开几次依然报此错误，确定不是眼花了！ 打开日志文件！找到当日错误文件内容： --------------------------------------------------------------------------
  • [矿业与工业]修建一个空间矿床开采站要多少钱? comsci
           地球上的钛金属矿藏已经接近枯竭...........        我们在冥王星的一颗卫星上面发现一些具有开采价值的矿床.....        那么,现在要编制一个预算,提交给财政部门..
  • 解析Google Map Routes dai_lm google api
    为了获得从A点到B点的路劲，经常会使用Google提供的API，例如 [url] http://maps.googleapis.com/maps/api/directions/json?origin=40.7144,-74.0060&destination=47.6063,-122.3204&sensor=false [/url] 从返回的结果上，大致可以了解应该怎么走，但
  • SQL还有多少“理所应当”？ datamachine sql
    转贴存档，原帖地址：http://blog.chinaunix.net/uid-29242841-id-3968998.html、http://blog.chinaunix.net/uid-29242841-id-3971046.html！ ------------------------------------华丽的分割线--------------------------------
  • Yii使用Ajax验证时，如何设置某些字段不需要验证 dcj3sjt126com Ajaxyii
    经常像你注册页面,你可能非常希望只需要Ajax去验证用户名和Email,而不需要使用Ajax再去验证密码,默认如果你使用Yii 内置的ajax验证Form,例如: $form=$this->beginWidget('CActiveForm', array(        'id'=>'usuario-form',&
  • 使用git同步网站代码 dcj3sjt126com crontabgit
    转自:http://ued.ctrip.com/blog/?p=3646?tn=gongxinjun.com   管理一网站，最开始使用的虚拟空间，采用提供商支持的ftp上传网站文件，后换用vps，vps可以自己搭建ftp的，但是懒得搞，直接使用scp传输文件到服务器，现在需要更新文件到服务器，使用scp真的很烦。发现本人就职的公司，采用的git+rsync的方式来管理、同步代码，遂
  • sql基本操作 蕃薯耀 sqlsql基本操作sql常用操作
    sql基本操作 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月1日 17:30:33 星期一     &
  • Spring4+Hibernate4+Atomikos3.3多数据源事务管理 hanqunfeng Hibernate4
    Spring3+后不再对JTOM提供支持，所以可以改用Atomikos管理多数据源事务。Spring2.5+Hibernate3+JTOM参考：http://hanqunfeng.iteye.com/blog/1554251Atomikos官网网站：http://www.atomikos.com/   一.pom.xml <dependency> <
  • jquery中两个值得注意的方法one()和trigger()方法 jackyrong trigger
      在jquery中，有两个值得注意但容易忽视的方法，分别是one()方法和trigger()方法,这是从国内作者<<jquery权威指南》一书中看到不错的介绍 1） one方法     one方法的功能是让所选定的元素绑定一个仅触发一次的处理函数，格式为    one(type,${data},fn) &nb
  • 拿工资不仅仅是让你写代码的 lampcy 工作面试咨询
    这是我对团队每个新进员工说的第一件事情。这句话的意思是，我并不关心你是如何快速完成任务的，哪怕代码很差，只要它像救生艇通气门一样管用就行。这句话也是我最喜欢的座右铭之一。 这个说法其实很合理：我们的工作是思考客户提出的问题，然后制定解决方案。思考第一，代码第二，公司请我们的最终目的不是写代码，而是想出解决方案。 话粗理不粗。 付你薪水不是让你来思考的，也不是让你来写代码的，你的目的是交付产品
  • 架构师之对象操作----------对象的效率复制和判断是否全为空 nannan408 架构师
    1.前言。   如题。 2.代码。 (1)对象的复制，比spring的beanCopier在大并发下效率要高，利用net.sf.cglib.beans.BeanCopier Src src=new Src(); BeanCopier beanCopier = BeanCopier.create(Src.class, Des.class, false);
  • ajax 被缓存的解决方案 Rainbow702 JavaScriptjqueryAjaxcache缓存
    使用jquery的ajax来发送请求进行局部刷新画面，各位可能都做过。 今天碰到一个奇怪的现象，就是，同一个ajax请求，在chrome中，不论发送多少次，都可以发送至服务器端，而不会被缓存。但是，换成在IE下的时候，发现，同一个ajax请求，会发生被缓存的情况，只有第一次才会被发送至服务器端，之后的不会再被发送。郁闷。 解决方法如下： ① 直接使用 JQuery提供的 “cache”参数，
  • 修改date.toLocaleString()的警告 tntxia String
      我们在写程序的时候，经常要查看时间，所以我们经常会用到date.toLocaleString()，但是date.toLocaleString()是一个过时 的API，代替的方法如下：   package com.tntxia.htmlmaker.util; import java.text.SimpleDateFormat; import java.util.
  • 项目完成后的小总结 xiaomiya js总结项目
    项目完成了，突然想做个总结但是有点无从下手了。 做之前对于客户端给的接口很模式。然而定义好了格式要求就如此的愉快了。 先说说项目主要实现的功能吧 1，按键精灵 2，获取行情数据 3，各种input输入条件判断 4，发送数据（有json格式和string格式） 5，获取预警条件列表和预警结果列表， 6，排序， 7，预警结果分页获取 8，导出文件（excel，text等） 9，修
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他