無他，惟手熟爾-前端實習面試題篇

如下基本是我在面試中遇到的全部問題，給你們作一個參考。除2月13和14日爲現場面試之外，其他均爲電話面試。個人本意不是讓你們背答案，因此沒有把面試公司的名字寫出來，只是想給不知道如何準備面試的同窗一些啓發。我面的幾家大廠基本不會問框架的，可是不少公司的預期比較單一，好比須要你會哪些技術棧，因此根據對應的公司去準備是最好的，不要盲目看面試題。
做者：Icarus
原文連接：無他，惟手熟爾-前端實習面試題篇

前端部分高頻的問題仍是重基礎，如：

• 對CSS規範的瞭解和CSS3動畫的實現
• 原型、繼承、閉包、事件的瞭解和應用
• 跨平臺的瀏覽器兼容問題
• 跨域的實踐和方法
• 對前端技術的發展是否有了解

2017.02.13

js

手寫類繼承
手寫數組去重
如何遍歷對象的屬性

new關鍵字的過程
判斷變量類型，如何判斷變量是函數
如何判斷一個變量是數組
call和apply的做用，區別
手寫jsonp實現，發送和回調接收
js實現css的:hover效果
解釋事件代理，事件流模型
數據統計，比ajax更簡單的方法

css

display屬性的值和介紹
響應式佈局的方法，並詳細解釋

box-sizing的屬性值及區別
css3實現動畫
移動端調試的方法
移動端和PC和微信兼容性問題

HTML

有幾種Doctype，Doctype的做用
嚴格模式和混雜模式如何區分，有何意義

其它

gulp-connect原理
爲何要跨域，跨域是什麼
是否瞭解viewport
unicode，utf8，gbk編碼的瞭解，亂碼的解決
前端性能優化

主觀題

爲何選擇前端
介紹實習經歷
職業規劃和崗位的match程度
實習時間保證

2017.02.14

一面

手寫once函數，傳入函數參數只執行一次（閉包）
手寫debouce函數
分域名請求圖片的緣由和好處

移動端的適配，rem+媒體查詢/meta頭設置
box-sizing解釋
跨域的N種方法
性能優化
css動畫和js動畫的區別
實習經歷介紹

二面

實現拖拽的功能，本身的思路，pc的思路和移動端思路
手寫原生ajax，封裝成類promise
對es6的瞭解
手寫生成10個20-50之間的隨機數，存在數組中，常見排序方法，數組亂序方法

對技術選型的思考
click在ios上有300ms延遲，緣由及如何解決
linux和服務器部署
HTTP請求的方式，HEAD方式？
es6的瞭解,let和const的區別
嚴格模式介紹
異步加載js方法

2017.02.16

一面

自我介紹
專業成績和課程
計算機網絡的分層概述
瀏覽器輸入url到完整顯示出頁面經歷的過程，遇到link或者script標籤的表現
項目中遇到的難點和印象深入的地方
無限加載監聽scroll如何限制頻率
解決文件緩存文件名添加md5戳，如css文件內的路徑怎麼解決緩存
讓你設計一個自動化工具，解決各類文件和各個文件之間的依賴關係
setTimeout,setInterval,requestAnimation之間的區別

二面

如何實現組件化，點擊加載組件
是否使用過require.js等組件化工具
你以爲本身薄弱的地方在哪，爲何想要提升這部分能力
性能優化
優化HTTP請求須要所有打包仍是拆分，如何拆分？
你的項目經驗是由你主導仍是隻是參與
介紹一下項目中遇到的難點和解決辦法
介紹一下你的專業，爲何會選擇學前端
平時作一些動效比較多仍是實現一些複雜交互比較多
從哪些地方獲取前端相關的諮詢

三面

自我介紹
介紹一下你的項目經驗
拆分文件的大小和個數
js簡單合併仍是按需加載、按模塊加載
遇到問題如何解決
最近半年技術棧有沒有更新
談談在項目中哪些部分是由你推進並落地的，不侷限技術和產品
你認爲本身薄弱的地方，準備怎麼去改進
你學習的方法和過程是怎樣的

2017.02.22

自我介紹
爲何學前端
介紹表明本身水平的項目
如何監控JS對象屬性變動
JS實現繼承的多種方法
外邊距摺疊
BFC的瞭解和用途
HTTP協議的瞭解，控制緩存的部分有哪些
一個圖片url訪問後直接下載怎樣實現
一個圖片列表，一張一張加載，檢測到上一張加載完成後再切換下一張
跨域的方法
formdata的瞭解
認爲本身哪方面比較擅長可是沒問到

2017.02.28

自我介紹
側重於CSS仍是js
介紹一下HTML的語義化
瞭解無障礙嗎
是否使用過sass/less作一下介紹
是否瞭解CSS原生變量
平時用chrome開發會用到什麼功能，作介紹
介紹一下盒模型，box-sizing屬性
長度單位，em和rem的區別
是否瞭解css動畫
畫一條0.5px的直線
實現一個秒針繞一點轉動的效果，transform-origin
選擇器的優先級，僞類選擇器的優先級
僞類和僞元素的對比，應用
對ES6的瞭解
proto 和 prototype的聯繫
如何實現一個私有變量，用getName方法能夠訪問，不能直接訪問
setTimeout和setInterval的瞭解，倒計時使用哪個

promise的三種狀態
setTimeout和promise的執行順序
對ajax的瞭解，原生實現，XMLHTTPRequest兼容性
跨域緣由、方法
call，apply，bind
事件委託，addEventListener參數、兼容性
DOM事件流模型
div中兩個button，div上事件代理，如何判斷點擊的是哪一個button
檢測數組的方法
vue雙向綁定實現原理、父子組件通訊方法
瀏覽器緩存的瞭解
HTTP狀態碼

2017.03.01

自我介紹
有沒有github
喜歡寫一些什麼類型的文章
對先後端分離的理解，前端mock數據
gulp和webpack的對比，會本身寫配置文件嗎
webpack經常使用到哪些功能
介紹sass
對ES6的瞭解
對css動畫和canvas有了解嗎
css動畫提升性能的方法
實現一個彈窗組件，須要暴露的api和參數
js的垃圾回收機制

2017.03.02

localStorage和Cookie/sessionStorage
對webSocket的瞭解，和ajax輪詢的區別
flex佈局的瞭解
響應式佈局的瞭解，如何實現
垂直居中的方法
你知道box-sizing的哪些屬性值
有哪些僞類、僞元素，有什麼區別，使用時有什麼注意事項，去掉一個屬性僞類就不存在了？
是否瞭解css動畫
transition和animation的區別，是否可暫停
margin和translate的百分比根據什麼計算
width:200px的無高度div，設置padding-top:60%高度是多少
是否瞭解svg
評價一下本身的css和js的能力
數組有哪些方法
介紹一下原型鏈
是否瞭解僞數組
瞭解document.ready和window.onload的方法
是否瞭解同源策略
svn和git的區別
是否瞭解git flow
性能優化的方法

2017.03.03

介紹一下px、pt、em
有沒有實現過複雜的動畫
介紹一下box-sizing
說一下對語義化的理解
說一下基本數據類型有哪些
說一些對垃圾回收機制和閉包的瞭解
iframe的缺點
jQuery鏈式調用的原理
移動端遇到過的兼容性問題？
響應式佈局的方法
接觸過的技術？
介紹一下bootstrap的柵格系統是如何實現的
jQuery的$('xxx')作了什麼事情
原型鏈的介紹
繼承事件類的方法
字符串去重的方法
性能優化的問題
原生ajax的介紹，readystate的取值，如何設置發送和返回值是json格式
本身實現一個事件委託功能

2017.03.03

自我介紹
如何看待前端技術的發展
介紹一下本身對我的發展的指望
如何看待前端社區的更新速度
點擊a標籤以後發生的事情
性能優化
是否瞭解cdn壓縮，gzip
是否瞭解SQL，RX.js
在業界有沒有什麼大牛級的偶像，想不想成爲其中的一個

2017.03.07

自我介紹
博客
以爲本身更偏向於css仍是js
瞭解flex佈局嗎
js看過的書
若是讓你來說js你會怎麼寫提綱
變量定義，是否瞭解變量提高

function test(a){
  var a = "123";
  var a = function() {};
  // 會調用哪一個a
}複製代碼

對後端語言有了解嗎解釋一下原型鏈，原型鏈末端是什麼解釋一下閉包ES6的class和ES3/5有什麼區別講一下你最有收穫的項目是怎麼解決遇到的問題的angular和jQuery的優缺點對比