2017年五月前端面試題目的總結

持續心累的找工做階段算是結束了，不一樣公司對面試的知識側重點不一樣，總體的感覺就是：大公司可能更偏向一些JS基礎或者原理、html佈局、一些經典算法方面。小公司的面試更加側重對經驗和細節的把握，或者說是偏向於解決問題層面的好比說給你一個場景用你的一些想法來解決問題。
現將我在面試過程遇到的問題總結下。目前先傳題目答案整理好以後再發布出來。

html、css

1.CSS中絕對定位和相對定位的文檔流是怎樣的 以及他們是如何使用的？
2.margin、padding屬性值存在一個 兩個 三個 四個的狀況下分別對應是什麼意思？
3.盒模型你的理解是什麼？ 還有他們存在的位置分別是哪裏？
4.清除浮動的方法 你知道有幾種？
5.水平居中，垂直水平居中你知道有幾種方法？
6.CSS3中canvas svg的區別 還有新增長的僞類 請列舉出來
7.px em rem的區別 ?
8.link和 @import 的區別是？
9.關於兼容IE8 你都經歷過哪些坑?
10.關於圖片方面你有什麼樣的優化經驗？
11.關於手機端你碰見過哪些兼容問題？
12.關於HTML5 CSS3的新特性
13.css如何引用外部字體
14.關於響應式佈局和自適應佈局你的理解是什麼？
15.關於css sprites你是如何使用的？
16.行內元素，塊級元素有哪些？
17.display:none; visiable:hidden區別？
18.瀏覽器都有哪些內核？
19.CSS有哪些屬性能夠繼承？ 內聯元素和!important 那個優先級高？
20.如何居中一個浮動元素？
21.HTML5文檔類型須要在頭部寫什麼？
22.block元素的特色是什麼? inline? inline-block?
23.經常使用的存儲方式？
24.請你設計一個佈局 要求一個寬度爲200px長度無限的div 讓它居於瀏覽器頁面最左端，畢
竟固定不動，div右面請完成一個響應式的佈局方式
25.關於盒子寬度是如何計算的？

js

1.根據場景請手寫相關代碼來解決(現場寫代碼，僞代碼和思路不算)問題：

公司舉辦了一場比賽，共有100張照片，而且有10個評委進行打分，分數爲1-100。
其中打分規則爲去掉一個最高分，去掉一個最低分 而後剩下的取平均分做爲最後得分。
每張照片及相關信息已經存入數組resultArray中，結構以下: resultArray=    
[{"pic":"p1", "score":[90,100,87,98.....]},.....]   
其中pic爲照片名稱標識，score爲照片的評分狀況 請您編程出相應的代碼來解決問題，
而且最後得分的格式爲： p1 得分 80 /n p2 得分 100.

2.請用js實現 "i am student" 轉換爲 "student am i" (請不要寫僞代碼和思路)。
3.爲array 本地對象增長一個原型方法，它做用於刪除數組條目中重複的條目（可能多個）返回值是一個包含被刪除的重複條目的新數組。
4.== === null undefined區別 ？ typeof null typeof undefined 分別輸出什麼？
5.判斷對象是否爲string的方法？ 以及基本數據類型和引用類型分別有什麼？
6.如下代碼輸出結果是什麼 ？ var a=2; var func=(function () {var a =3; return function() {a++; alert(a);}})();
7.什麼是閉包？ 原型？ 做用？
8.如何阻止事件冒泡和默認事件？
9.JS添加DOM節點？
10.請用JS實現階乘？
11.如何根據給的一段url來截取相應的值？
12.關於事件委託？
13.請寫出折半查找？冒泡排序？(這個問題叫我直接在面試公司電腦上寫，不要求必定編譯成功).
14.列舉你知道的對象設計模式？以及他們的差別性？
15.取消頁面緩存的方法你知道哪些？
16.JS 上下文？
17.ES5 ES6有哪些新特性？
18.你對this有什麼樣的理解？
19.說一說你常常用的數組方法？ 字符串方法？
20.settimeout是如何實現的？
21.關於堆內存和棧內存？
22.instanceof 是作什麼的？
23.說下你對繼承的見解?

框架和其餘

---

1.JS同步異步的原理？
2.vue單頁模式 以及 父子組件如何相互傳值？ 兄弟組件呢？
3.webpack相關基礎知識
4.gulp相關基礎知識
5.ajax如何作到的異步加載？有缺點嗎？ajax請求過程？
6.關於lazyload或者可視化加載?
7.vue中，若是不使用vue-router 你要如何進行作到組件間數據交互？
8.promise是作什麼用的？以及用法？
9.vue的生命週期？
10.ajax如何避免重複發送？ ajax如何避免阻塞？
11.一次HTTP請求的過程是什麼樣的？狀態碼？
12.tcp udp有什麼區別？
13.經常使用跨域方式？
14.談談你對前端工程師的理解？
15.談談你對前端模塊化的理解？
16.談談如何進行性能的優化？還有你知道時間複雜度和空間複雜度嗎？二叉樹？總之就是一些算法的基本概念 問的時候沒有深刻 估計要是深刻就得GG
17.內存泄漏是什麼？
18.ng1 和vue 有什麼區別？ 以及他們的各自的優缺點？
19.談談你對NODE.js的理解?
20.最後一題說一個比較牛逼點的問題， JS是如何進行垃圾回收的？

暫時就記住了是這些 但願能給一些還在苦逼找工做的前端們一些幫助吧