總結前端面試過程當中最容易出現的問題

javascript常見題目

1、您對js的原型是如何理解的？您對js的繼承是如何理解的？可否舉例說明js的繼承？

關於這個題目，我以前的一篇文章 http://www.haorooms.com/post/js_constructor_pro ，您能夠看一下。理解一下原型prototype，關於繼承，那主要是js原型鏈的繼承。關於繼承的理解及舉例（我這裏就不詳細介紹了，簡單介紹以後，你即便背過了，也不必定理解，對於公司也是不公平的）。我仍是推薦面試者看一本書《[JavaScript高級程序設計(第3版)]》，這本書對js講的很詳細。關於這個題目，您能夠閱讀其第六章就能夠了！認真閱讀以後，相信你能理解，也可以簡單的說出來！

關於js的繼承，確實是重點和難點，我寫過兩篇博客，你們能夠看下：http://www.haorooms.com/post/js_lei_jicheng

http://www.haorooms.com/post/js_jc_lei2

2、js閉包？舉例並說明其主要的做用！

 

關於閉包，實際上是指有權訪問另外一個函數做用域中變量的函數。具體我以前也寫過一篇文章，能夠看一看！

javascript閉包的理解 http://www.haorooms.com/post/js_bb

javascript閉包入門理解（二）：http://www.haorooms.com/post/js_bbtwo

3、js數組主要有哪些方法？主要參數你瞭解嗎？

具體你能夠查一下，經常使用的通常有以下：

1 、shift():刪除數組的第一個元素,返回刪除的值。這裏是0

2 、unshift(3,4):把參數加載數組的前面，返回數組的長度。如今list:中是3,4,0,1,2

三、pop():刪除數組的最後一個元素，返回刪除的值。這裏是2.

四、push(3):將參數加載到數組的最後，返回數組的長度，如今List中時：0,1,2,3

五、concat(3,4):把兩個數組拼接起來。

六、splice(start,deleteCount,val1,val2,...)：從start位置開始刪除deleteCount項，並從該位置起插入val1,val2,...

七、reverse：將數組反序

var a = [1,2,3,4,5]; 
var b = a.reverse(); //a：[5,4,3,2,1] b：[5,4,3,2,1]

八、sort(orderfunction)：按指定的參數對數組進行排序 var a = [1,2,3,4,5]; var b =
a.sort(); //a：[1,2,3,4,5] b：[1,2,3,4,5]

九、slice(start,end)：返回從原數組中指定開始下標到結束下標之間的項組成的新數組

var a = [1,2,3,4,5]; 
var b = a.slice(2,5); //a：[1,2,3,4,5] b：[3,4,5]

4、js迭代的方法

every() 、fliter()、forEach()、map()、some()具體你們能夠查一下！

5、js數組去重和排序

具體我就不詳細描述了。

6、js正則表達式

關於正則：http://www.haorooms.com/post/js_regex_refuse ，這篇文章應對面試足夠了！

讓你寫個簡單的正則，去掉字符串左右空格。具體看看我以前的文章http://www.haorooms.com/post/js_kong_ge

關於正則，你能夠去了解一下！

7、純js的ajax請求原理

能夠查詢，瞭解一下！看下這幾篇文章http://www.haorooms.com/post/js_ajax_chun
和http://www.haorooms.com/post/js_shixian_jquery 最後關於js實現ajax的，最新出了js的fetch方法，很不錯的！

8、js模塊化

能夠看下我以前的文章：http://www.haorooms.com/post/js_require_zz

9、雙等號隱性轉換

具體看文章：http://www.haorooms.com/post/js_yinxingleixing

10、js操做符，字符串截取等

具體請看：http://www.haorooms.com/post/js_czf_mst

字符串截取，substr 、substring等的區別

11、js中繼承中call和apply（）的區別

用法差很少，傳遞參數不一樣。具體你能夠網上查查，也能夠看下個人文章http://www.haorooms.com/post/js_constructor_pro

jquery常見題目

1、jquery源碼研究過沒有？

2、jquery插件寫過沒有，通常如何寫？

能夠看我以前的一篇文章：http://www.haorooms.com/post/js_jquery_chajian

3、jquery的bind(),live(),delegate(),on() 區別

網上能夠搜索一下，看一下！

前端常見題目

1、如何處理跨域？

jsonp等，能夠看下我寫的 瀏覽器跨域訪問解決方案

2、如何處理緩存？如何清除緩存。

ajax隨機數、ajax參數、meta中設置等。能夠看下我寫的 js清除瀏覽器緩存的幾種方法

3、http請求問題，HTTP請求信息由那3部分組成？

l   請求方法URI協議/版本
l   請求頭(Request Header)
l   請求正文

關於圖片的請求，能夠看我以前的一篇文章 http://www.haorooms.com/post/web_http_request

4、前端性能優化問題，你是如何處理前端性能問題的？

看我以前的一篇文章：http://www.haorooms.com/post/web_xnyh_jscss
及 前端性能優化補充篇

5、網站js和css如何壓縮？有哪些方法？

ant+yuicompressor具體能夠看看我以前的一篇文章：http://www.haorooms.com/post/ant_yuicom

ant:http://www.haorooms.com/tools/ant_book/

SASS等 能夠對css進行自動壓縮！

也能夠用Grunt構建工具進行。能夠看下 前端js和css的壓縮合並之grunt

6、用到哪些css插件？

bootstrap，animate.css 等

7、讓你本身搭建一個網站，你是如何作架構的？

考察前端架構能力。

8、一些狀態碼你瞭解嗎？

200成功類、300重定向類、400客戶端類、500服務器端類。具體能夠網上查一下！

9、如何用瀏覽器進行代碼調試？

谷歌瀏覽器、火狐、IE等。（不明白的同窗具體網上能夠查一下）

10、json字符串轉爲json的方法

具體請看：http://www.haorooms.com/post/js_jsons_h

http://www.haorooms.com/post/json_object_json_string

html+css+html5+css3 常見題目

1、假如一個頁面，左側固定，右側自適應，你是如何作到的？

方法不少，通常是margin和浮動，具體能夠網上查一下。很簡單。

2、html5新的標籤和特性有哪些？

html5標籤有不少，你能夠網上查一下。

3、你經常使用的css3有哪些？說出你記得的。

哈哈哈，這個不少，你要再複習一下css3包括其動畫等等。

4、如何處理瀏覽器兼容性問題？

請看：http://www.haorooms.com/post/IE_jianrong

5、如何用css美化radio、checkbox等按鈕樣式？

具體能夠看個人一篇文章：http://www.haorooms.com/post/css_mh_ck_radio

web touch常見題目

1、作手機網站長見的兼容問題有哪些？

看下手機網站相關文章。

2、網站如何自適應的？響應式網站通常如何製做？

能夠隨便聊聊。能夠看下http://www.haorooms.com/post/css3media

3、zepto.js使用過程當中有哪些問題？jquerymobile用過嗎？會有哪些問題？

用過的話，能夠隨便聊一下！

加分項

例如，大家聊到數據庫，數一下如何用mongo作分頁等等，包括mysql數據庫等等。

聊到inux系統，linux經常使用的命令。

聊到angularjs，vue.js、angularjs的指令，雙向數據綁定。MVVM模式和mvc模式的區別及mvp模式。

聊到前端架構，及百度fits的jello等。

聊到經常使用的版本控制工具git或者SVN，講講git經常使用的命令，git回滾到某個版本怎麼作（ $ git reset --hard 某個版本號）