NO1：帽子问题
主人宴请宾客。期间请所有客人做了个游戏：
主人要求每人戴一顶黑色或白色的帽子，并告知大家白色帽子的数目大于等于一。
游戏开始：（假设所有客人都很聪明）主人把灯关掉，然后说，认为自己戴白帽子的人请打自己一巴掌。无声......。主人打开灯，随即又关掉，又提出同样的要求。还是无声......。又开灯，又关掉，要求一样。这回可以听见有人打自己了。
问题：请问白帽子有多少呢？
大家都希望电脑一开机就可以立即进入Windows系统而不用等待，但由于种种原因常常未能如愿，甚至一开机就死机的情况也时有发生。其实有些时候Windows启动速度缓慢并不是它本身的问题，而是一些设备或软件造成的，看看下面拖慢系统启动的8个原因，再查一查你的电脑是不是也存在类似问题！
1．USB硬盘和扫描仪等设备
如果电脑安装了扫描仪等设备，或在启动时已经连接了USB硬盘，那么不妨试试先将它们断开，看看启动速度是不是有变化。一般来说，由于USB接口速度较慢，因此相应设备会对电脑启动速度有较明显的影响，应该尽量在启动后再连接USB设备。如果没有USB设备，那么建议直接在BIOS设置中将USB功能关闭。
提示：由于Windows 启动时会对各个驱动器（包括光驱）进行检测，因此如果光驱中放置了光盘，也会延长电脑的启动时间。
2．令人心烦的网卡
如果设置不当，网卡也会明显影响系统启动速度，
因为密码框会显示***，所以只能用一个text和一个password类型的input来替换已达到效果。
并且当密码框的focus和blur事件触发时，要根据不同情况判断input框里的显示内容。
因为本项目是针对Drupal系统的，所以HTML结构直接采用了drupal的相关代码，若有需求请自行
修改至标准html结构。
Drupal登陆表单生成的html结构：
<form id='user-login-form' method='post' accept-charset='UTF-8' action='/homepage?destination=homepage'>
<div>
<div id='edit-name-wrapper' class='form-item'>
<input id='edit-name' class='form-text required' type='text' value='用户名' s
看到新浪的这种效果之后，觉得有必要学习制作一下必备不时之需。
效果如下：
备注：容器的外观用到一个jquery插件，可以应用它选择你想要的外观
HTML结构：
<div id='center'>
<a onclick='login()' href='#'>登陆</a>
</div>
<!-- 隐藏登陆框 -->
<div id='login'>
更主要的优点因为用的是图片，所以它能够实现更漂亮的圆角样式
在此举例说明如何实现图片圆角，这个例子的圆角也不够漂亮，美工能力有限...见谅！
演示效果：
html结构：
<div id='ex1' class='round'>
因为我个人认为这两种效果是最常应用的了，所以选择这两个应介绍给大家。
知识准备：
*对scollTop,scollLeft,offsetHeight,offsetWidth的理解
offsetHeight：元素的实际内容高度。
offsetWidth:
scollLeft:
scrollTop:
前两个，我没有贴专业解释的描述，因为它们其实就是指元素的高度height，宽度width而已。
至于为什么js代码中没有用style.height这样的东西来替代，那时因为它们的单位不一样，所以不能放到一起运算，其实，它们没单位，而style.height这样的是有单位的。只要知道它们的值是一样的就行了。
后两个，我贴的是大多数给这两个名词的专业解释，但是一般人很难理解，我也难以用常识性的语言去说明白，所以下面会贴张效果图解释下。
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<title>无标题文档</title>
<style type='text/css'>
body{
font-size:14px;}
</style>
<script type='text/javascript'>
<script>
function correctPNG()
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == 'PNG')
{
var imgID = (img.id) ? 'id='' + img.id + '' ' : ''
var imgClass = (img.className) ? 'class='' + img.className + '' ' : ''
var imgTitle = (img.title) ? 'title='' + img.title + '' ' : 'title='' + img.alt + '' '
var imgStyle = 'display:inline-block;' + img.style.cssText
if (img.align == 'left') imgStyle = 'float:left;' + imgStyle
if (img.align == 'right') imgStyle = 'float:right;' + imgStyle
if (img.parentElement.href) imgStyle = 'cursor:hand;' + imgStyle
var strNewHTML = '<span '+ imgID + imgClass + imgTitle + ' style=\'' + 'width:' + img.width + 'px; height:' + img.height + 'px;' + imgStyle + ';' + 'filter:progid:DXImageTransform.Microsof
史上最酷的招聘已经结束，效果还是不错的。我们发现了很多颇有潜力的人才。他们的一些聘题的解法也开拓了我们的视野，让我们收获良多。感谢所有参与招聘及所有关注淘宝UED博客的朋友。
以下是该次招聘前端开发工程师的聘题解答：
小贤是一条可爱的小狗(Dog)，它的叫声很好听(wow)，每次看到主人的时候就会乖乖叫一声(yelp)。
从这段描述可以得到以下对象：
function Dog() {
this.wow = function() {
alert(’Wow’);
}
this.yelp = function() {
this.wow();
}
}
小芒和小贤一样，原来也是一条可爱的小狗，可是突然有一天疯了(MadDog)，一看到人就会每隔半秒叫一声(wow)地不停叫唤(yelp)。请根据描述，按示例的形式用代码来实现（提示关键字: 继承，原型，setInterval）。
题解：
function MadDog() {
this.yelp =
浏览器的不兼容，大家肯定都是深恶痛绝的，往往我们只是去做修补，却忘了更重要的事情，那就是追溯根源，避免类似的不兼容再次出现。在下不才，归纳几点html编码要素，望能指点各位：
1.文字本身的大小不兼容。同样是font-size:14px的宋体文 字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更 不一样了。解决方案：给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要，在高度上我们不能容忍1px 的差异。
2.ff下容器高度限定，即容器定义了height之后，容器边框的外形就确定了，不会被内容撑大，而ie下是会被内容撑大，高度限定失效。所以不要轻易给容器定义height。
3.还讨论内容撑破容器问题，横向上的。如果float 容器未定义宽度，ff下内容会尽可能撑开容器宽度，ie下则会优先考虑内容折行。故，内容可能撑破的浮动容器需要定义width。
小
完整代码：
<!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'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312' />
<title>无标题文档</title>
<script type='text/javascript'>
window.onload = function(){
