海豚瀏覽器前端面試總結


今天去參加了海豚的面試。從學校到海豚瀏覽器武漢公司花了將近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!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM