摘要：持續(xù)心累的找工作階段算是結(jié)束了，不同公司對(duì)面試的知識(shí)側(cè)重點(diǎn)不同，整體的感受就是大公司可能更偏向一些基礎(chǔ)或者原理布局一些經(jīng)典算法方面?，F(xiàn)將我在面試過(guò)程遇到的問(wèn)題總結(jié)下。目前先傳題目答案整理好之后再發(fā)布出來(lái)。

持續(xù)心累的找工作階段算是結(jié)束了，不同公司對(duì)面試的知識(shí)側(cè)重點(diǎn)不同，整體的感受就是：大公司可能更偏向一些JS基礎(chǔ)或者原理、html布局、一些經(jīng)典算法方面。小公司的面試更加側(cè)重對(duì)經(jīng)驗(yàn)和細(xì)節(jié)的把握，或者說(shuō)是偏向于解決問(wèn)題層面的比如說(shuō)給你一個(gè)場(chǎng)景用你的一些想法來(lái)解決問(wèn)題。
現(xiàn)將我在面試過(guò)程遇到的問(wèn)題總結(jié)下。目前先傳題目答案整理好之后再發(fā)布出來(lái)。

1.CSS中絕對(duì)定位和相對(duì)定位的文檔流是怎樣的 以及他們是如何使用的？
2.margin、padding屬性值存在一個(gè) 兩個(gè) 三個(gè) 四個(gè)的情況下分別對(duì)應(yīng)是什么意思？
3.盒模型你的理解是什么？ 還有他們存在的位置分別是哪里？
4.清除浮動(dòng)的方法 你知道有幾種？
5.水平居中，垂直水平居中你知道有幾種方法？
6.CSS3中canvas svg的區(qū)別 還有新增加的偽類(lèi) 請(qǐng)列舉出來(lái)
7.px em rem的區(qū)別 ?
8.link和 @import 的區(qū)別是？
9.關(guān)于兼容IE8 你都經(jīng)歷過(guò)哪些坑?
10.關(guān)于圖片方面你有什么樣的優(yōu)化經(jīng)驗(yàn)？
11.關(guān)于手機(jī)端你遇見(jiàn)過(guò)哪些兼容問(wèn)題？
12.關(guān)于HTML5 CSS3的新特性
13.css如何引用外部字體
14.關(guān)于響應(yīng)式布局和自適應(yīng)布局你的理解是什么？
15.關(guān)于css sprites你是如何使用的？
16.行內(nèi)元素，塊級(jí)元素有哪些？
17.display:none; visiable:hidden區(qū)別？
18.瀏覽器都有哪些內(nèi)核？
19.CSS有哪些屬性可以繼承？ 內(nèi)聯(lián)元素和!important 那個(gè)優(yōu)先級(jí)高？
20.如何居中一個(gè)浮動(dòng)元素？
21.HTML5文檔類(lèi)型需要在頭部寫(xiě)什么？
22.block元素的特點(diǎn)是什么? inline? inline-block?
23.常用的存儲(chǔ)方式？
24.請(qǐng)你設(shè)計(jì)一個(gè)布局 要求一個(gè)寬度為200px長(zhǎng)度無(wú)限的div 讓它居于瀏覽器頁(yè)面最左端，畢
竟固定不動(dòng)，div右面請(qǐng)完成一個(gè)響應(yīng)式的布局方式
25.關(guān)于盒子寬度是如何計(jì)算的？

1.根據(jù)場(chǎng)景請(qǐng)手寫(xiě)相關(guān)代碼來(lái)解決(現(xiàn)場(chǎng)寫(xiě)代碼，偽代碼和思路不算)問(wèn)題：

公司舉辦了一場(chǎng)比賽，共有100張照片，并且有10個(gè)評(píng)委進(jìn)行打分，分?jǐn)?shù)為1-100。
其中打分規(guī)則為去掉一個(gè)最高分，去掉一個(gè)最低分 然后剩下的取平均分作為最后得分。
每張照片及相關(guān)信息已經(jīng)存入數(shù)組resultArray中，結(jié)構(gòu)如下: resultArray=    
[{"pic":"p1", "score":[90,100,87,98.....]},.....]   
其中pic為照片名稱(chēng)標(biāo)識(shí)，score為照片的評(píng)分情況 請(qǐng)您編程出相應(yīng)的代碼來(lái)解決問(wèn)題，
并且最后得分的格式為： p1 得分 80 /n p2 得分 100.

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

框架和其他

1.JS同步異步的原理？
2.vue單頁(yè)模式 以及 父子組件如何相互傳值？ 兄弟組件呢？
3.webpack相關(guān)基礎(chǔ)知識(shí)
4.gulp相關(guān)基礎(chǔ)知識(shí)
5.ajax如何做到的異步加載？有缺點(diǎn)嗎？ajax請(qǐng)求過(guò)程？
6.關(guān)于lazyload或者可視化加載?
7.vue中，如果不使用vue-router 你要如何進(jìn)行做到組件間數(shù)據(jù)交互？
8.promise是做什么用的？以及用法？
9.vue的生命周期？
10.ajax如何避免重復(fù)發(fā)送？ ajax如何避免阻塞？
11.一次HTTP請(qǐng)求的過(guò)程是什么樣的？狀態(tài)碼？
12.tcp udp有什么區(qū)別？
13.常用跨域方式？
14.談?wù)勀銓?duì)前端工程師的理解？
15.談?wù)勀銓?duì)前端模塊化的理解？
16.談?wù)勅绾芜M(jìn)行性能的優(yōu)化？還有你知道時(shí)間復(fù)雜度和空間復(fù)雜度嗎？二叉樹(shù)？總之就是一些算法的基本概念 問(wèn)的時(shí)候沒(méi)有深入 估計(jì)要是深入就得GG
17.內(nèi)存泄漏是什么？
18.ng1 和vue 有什么區(qū)別？ 以及他們的各自的優(yōu)缺點(diǎn)？
19.談?wù)勀銓?duì)NODE.js的理解?
20.最后一題說(shuō)一個(gè)比較牛逼點(diǎn)的問(wèn)題， JS是如何進(jìn)行垃圾回收的？

暫時(shí)就記住了是這些 希望能給一些還在苦逼找工作的前端們一些幫助吧