海豚浏览器前端面试总结
今天去参加了海豚的面试。从学校到海豚浏览器武汉公司花了将近3个小时的时间，真心有点崩溃了，还没有吃午饭。公司地址在光谷金融港里面，看上去有点高端大气上档次。个人觉得海豚还是蛮不错的，很喜欢。在武汉这个内地城市，互联网行业也不发达，但是我相信将来的发展前景还是蛮不错的。
说回面试吧。第一位是纯技术面，面试官人很好，总是笑嘻嘻的，很nice，天下的程序员都是可爱单纯的，哈哈。对于XHTML+CSS自认为应该没有什么难题了，以前做过将近三个月的实习，所以没有做好准备。对于正规的面试题有点搓手不急。
第一题：在一个div里面有三个div，三个div在一行，最左边的有固定宽度，中间的宽度自适应，最右边的宽度为10%；要实现三个div的水平平铺，用什么样的实现方法。
------左边的左浮动，右边的右浮动，中间的div overflow:auto;当时自己有点晕，怎么会有这么奇怪的布局。
我的结果-----把overflow设置为auto或hidden都可以。
1 <style> 2 *{margin:0;padding:0;} 3 .content{width:100%;} 4 .first{width:200px;height:200px;background:#999;float:left;} 5 .second{overflow:hidden;height:200px;background:#000;} 6 .third{width:10%;height:200px;background:#F00;float:right;} 7 </style> 8 </head> 9 <body> 10 <div class="content"> 11 <div class="first"></div> 12 <div class="third"></div> 13 <div class="second"></div> 14 </div>
第二题：关于清除浮动，之前有过研究，时间久了没用忘记了，贴上链接http://www.cnblogs.com/mizzle/archive/2011/07/14/2105961.html
第三题：position的属性值，以及区别。说句实话，我都理解了，可能当时面试的时候错误理解了面试官的问题。W3school教程，这个也不多说了，http://www.w3school.com.cn/css/pr_class_position.asp，别忘了static默认值。
第四题：标签的语义化要注意的位置以及意义。当时，面试官直接拿了一段代码给我看，要指出其中的问题，大致是这样的。<P>&nasp;$nasp;这里是HTML我的<br><br>语句&nasp;</p>
因为代码是手写的，我只觉得br标签没有闭合，其他没有什么问题；如果提示一下语义化我就知道代码的漏洞了。标签都需要小写，并且所有的标签需要闭合，每个标签都要各司其职，p就应该用来装段落，h就应该来放标题等等，例如空格，缩进就应该用CSS来控制。其实这些我都知道，只是不知道切入点在哪。。
还有一些个关于如何控制图片放大缩小的题目，使用CSS3实现，没有深入的接触CSS3，有点心虚。。
XHTML+CSS就这么多吧，之前心里完全没有担心这个，而是看了一些HTML5的内容，没有问相关的。。总结一点，自己对这一块还没有足够的深入，需要找一些奇葩的面试题做做，接触得多一点。
关于Js。第一个：事件绑定的使用方法，当时有点愣住了或者大脑短路了，不就是bind()函数么，在原生里面addEvent(),参看这篇博客http://blog.csdn.net/haijiaoxiaowu/article/details/5150389
第二个：事件冒泡（从子元素到父元素）和事件捕获；这两者之间的顺序把我弄晕了，没有怎么用过，一般也就是return flase去解决。
http://www.cnblogs.com/zhenn/archive/2011/02/20/1959059.html
http://www.cnblogs.com/webflash/archive/2009/08/23/1552462.html
第三个：$('div').eq(i)和$('div').[i]以及$('div').get(i)三者之间的区别。
第四个：下面的三行代码分别弹出什么，有点瞎纠结了
1 window.onload=function(){ 2 var obj={}; 3 //obj.a=1; 4 //obj['a']=1; 5 alert(obj); 6 };
第五个：cookie,localStorage,sessionStorage三者之间的区别。
http://www.w3school.com.cn/html5/html_5_webstorage.asp
大概就这么多吧，其实问题真的不深入，自己感觉得到，但是我对于这些问题都没有准备，实际中也用得比较少，所以心里有点发虚的感觉。两位面试官都很好，有点崇拜感，很谢谢你们，面试的氛围很轻松，哈哈。总结一下吧，技术是个不断熟悉的过程，最好不要中断，有些东西忘掉了需要再捡起来，自己一个多月没怎么写代码了有点手生，今天面试没发挥好。最近也有点沉迷于游戏，自控力有点差，所以LOL在我的电脑For（卸载 in 安装），很是崇拜那种控制力特好的人。经过今天的面试，又找回了学习的动力，又有了鸡血，生活不就是这样吗，有低谷，有斗志昂扬的时候。Fighting Forever!