今天給大家分享面試題，看看大家距離BAT還有多遠

我畢業那年面試百度的前端，被問的一道題很不錯，也是我現在比較常用的一個問題：如何基於http協議建立一個長連接？

在校招的時候問一問專業課的入門知識，比如說一說計算機網絡五層模型，路由器和交換機分別工作在在那一層？http協議呢？還有網站登陸都加驗證碼是為了解決哪方面的安全問題？數據結構課上學過的排序算法列舉幾個？一個基本有序數組用什麼排序算法最快？

這裡還是要推薦下我自己建的前端學習群：659247717，如果你正在學習前端，小編歡迎你加入，大家都是前端黨，不定期分享乾貨（只有web前端相關的），包括我自己整理的一份2017最新的前端資料和零基礎入門教程，歡迎初學和進階中的小夥伴。

1.請根據下面的HTML和CSS代碼，畫出佈局示意圖

2.閱讀以下JavaScript代碼：

6、請編寫一個JavaScript 函數toRGB，它的作用是轉換CSS中常用的顏色編碼。 要求：

7、嘗試實現註釋部分的Javascript代碼，可在其他任何地方添加更多代碼（如不能實現，說明一下不能實現的原因）：

8、請編寫一個JavaScript函數，它的作用是校驗輸入的字符串是否是一個有效的電子郵件地址。要求： a) 使用正則表達式。 b) 如果有效返回true ，反之為false。

9、請分別列出HTML、JavaScript、CSS、Java、PHP、Python的註釋代碼形式。

10、根據下圖，編寫HTML結構。要求：遵循xHTML 1.0規範且符合Web語義。

11、請編寫一段JavaScript腳本生成下面這段DOM結構。要求：使用標準的DOM方法或屬性。

12、請用CSS定義p標籤，要求實現以下效果: 字體顏色在IE6下為黑色(#000000)；IE7下為紅色(#ff0000)；而其他瀏覽器下為綠色(#00ff00)。

13、請簡化以下的CSS代碼，並給出簡單的說明。

簡化：

14、請編寫一個通用的事件註冊函數（請看下面的代碼）。

15、請給JavaScript的String 原生對象添加一個名為trim 的原型方法，用於截取空白字符。要求

16、請編寫一個JavaScript函數 parseQueryString，它的用途是把URL參數解析為一個對象，如：

1. 跟什麼人在一起工作

2. 過去項目的挑戰

3. 自學的途徑

4. 3個問題基本上就知道這個人的能力水平和瓶頸了，人的很多侷限都是被環境限制的，通過閒聊中夾雜的不經意的問題，候選人的畫像就已經很鮮明瞭。處於當前的環境多長時間，有沒有突破環境限制的行動，就能評估出潛力和眼界。

5. 什麼瀏覽器兼容、作用域、框架等等的東西不會，不記得都可以學，要不了多長時間，關鍵還是有沒有潛力、有沒有好的習慣

6. 最後還是要推薦下我的web前端學習群：659247717，每天晚上20:00我都會開直播給大家分享web前端學習知識和路線方法，群裡會不定期更新最新的教程和學習方法（進群送2017web前端學習教程），大家都是學習web前端的，或是轉行，或是大學生，還有工作中想提升自己能力的前端黨，如果你是正在學習web前端的小夥伴可以加入學習。最後祝所有程序員都能夠走上人生巔峰，讓代碼將夢想照進現實。