男女成人秒免费试看久久_无码毛片免费自慰09_黄品汇mba旧版本_亚洲少妇与大狗性交对白_人妻无卡中文乱码在线_无码a级毛片免费视频内谢_午夜亚洲亚洲精品不卡_欧美成人在线观看_欧美日本韩国乱伦_十八禁观看污污污网站

前言

嗯ennnnnn，，，，懶癌癥拖延的毛病，趁著最后一個上班日趕緊把最近一周的面試做個總結(jié)(雖然我下周一才入職)，作為一位去年才畢業(yè)的前端妹子來說，其實還是個技術(shù)小白啦，近幾年還是想在技術(shù)上能有一個很大的提升，而且不是說金三銀四嘛(嚶嚶嚶，好像是真的)，所以在試水了兩家公司之后，開啟了我一周左右的面經(jīng)之路，大大小小的公司都有面，我就是奔著漲知識和積累經(jīng)驗去的！??！加起來差不多10家公司左右吧，成績自己也還挺滿意的，拿到了6家公司的offer，大小公司也都有，像大華、華三，但是最終綜合考慮的結(jié)果，去了一家自己面試體驗最好的公司，至少也是一家上市公司啦~

面試前需要注意的細節(jié)點

 ●  簡歷一定要寫好，這個不用多說啦
 ●  先想清楚你辭職想去的下一家的初衷是什么，是加薪資、提升技術(shù) or 換個工作環(huán)境。根據(jù)你自己的真實情況，投簡歷的時候針對性地看看公司的招聘要求，先看看符合度是多少，以免遇到要求極度不符合又沒有在商量的前提下去面試了，最后的結(jié)果可能就是你還不錯，但是不符合我們公司的要求。
 ●  準備工作要做好，我是因為才去年畢業(yè)啦，所以集中準備在基礎(chǔ)知識和目前在用的VUE框架這兩塊啦，其他的知識點我平時在擼代碼的時候都有在做筆記，所以都會掃一遍知識點，其他的你實際工作中沒有用到的但是比較流行的也不能忽略哦，了解一下或者臨時補一下，不要被問到?jīng)]有聽過有點尷尬的。面試完一家記得被面到不會的要做筆記做筆記?。。?！就當做是學習吧，而且有時候真的受益匪淺~
 ●  規(guī)劃好你自己的面試時間，提前要面試的公司做個簡單的背景了解。我是一個比較想把時間集中在一起做的人，所以提完離職后專心面試，一天會安排2-3家面試，面試前看看你即將面試的公司規(guī)模大小背景簡單地了解一下，公司的面試流程一般是筆試 or 電話面試 (可無) —> 技術(shù)面(1-2輪) —> HR面 。

面試知識點

在面兩個大公司和一個小公司的時候，尤其是一個傳統(tǒng)行業(yè)的大型公司時，也有可能是我年限的問題，尤其注意基礎(chǔ)，無論是筆試還是技術(shù)主管面試的時候都集中在這塊，像原生JS、原生Ajax等，，(這些雖然我在工作中用的也不是很多ennnn,原生的是用的不多，但是我自己很注重)，說下面試碰到的吧(一些記不住了，想起來我補上哈~)。

HTML以及CSS篇，集中在CSS

 ●  說下你常用的幾種布局方式，集中往盒模型、flex布局說(至于grid布局，這個我看過沒有用到過)
 ●  實現(xiàn)水平居中的幾種方法？
 ●  animate和translate有沒有用過，一些常見的屬性說下？
 ●  CSS實現(xiàn)寬度自適應(yīng)100%，寬高16:9的比例的矩形。
 ●  如何實現(xiàn)左邊兩欄一定比例，左欄高度隨右欄高度自適應(yīng)？

JavaScript篇(重要)

 ●  變量提升遇到的一些簡單code題
 ●  說一下對閉包的理解，以及你在什么場景下會用到閉包？
 ●  說一下你對原型與原型鏈的了解度，有幾種方式可以實現(xiàn)繼承，用原型實現(xiàn)繼承有什么缺點，怎么解決？
 ●  iframe的缺點有哪些？
 ●  Ajax的原生寫法
 ●  為什么會有同源策略？
 ●  前端處理跨域有沒有遇到過，處理跨域的方式有哪幾種方式去解決
 ●  怎么判斷兩個對象是否相等
 ●  代碼實現(xiàn)一個對象的深拷貝
 ●  從發(fā)送一個url地址到返回頁面，中間發(fā)生了什么
 ●  說下工作中你做過的一些性能優(yōu)化處理

ES6篇(引導(dǎo)篇，相對重要)

這塊面試官主要是問你哪塊用的比較多，你可以引導(dǎo)性地把面試官往你會的地方說

 ●  箭頭函數(shù)中的this指向誰？
 ●  如何實現(xiàn)一個promise，promise的原理，以及它的兩個參數(shù)是什么？
 ●  promise中第二個參數(shù)的reject中執(zhí)行的方法和promise.catch()都是失敗執(zhí)行的，分別這么寫有什么區(qū)別，什么情況下會兩個都同時用到？
 ●  map和set有沒有用過，如何實現(xiàn)一個數(shù)組去重，map數(shù)據(jù)結(jié)構(gòu)有什么優(yōu)點？

計算機網(wǎng)絡(luò)篇(相對重要)

ennnnn,因為我專業(yè)是網(wǎng)絡(luò)工程的，在華三和另一家公司面試的時候沒有被少問這些問題

 ●  http、https、以及websocket的區(qū)別
 ●  http常見的狀態(tài)碼，400,401,403狀態(tài)碼分別代表什么？
 ●  協(xié)商緩存和強緩存的區(qū)別
 ●  說下計算機網(wǎng)絡(luò)的相關(guān)協(xié)議？

瀏覽器兼容性問題

因為我的工作主要還在專注在web端，所以瀏覽器兼容性的問題沒有少碰到過，因主要是兼容IE8以上以及其他各個瀏覽器，這個就當做總結(jié)一下吧(在被問到這一塊的時候其實我是有加分的，因為回答的比較多2333)

 ●  使用meta標簽來調(diào)節(jié)瀏覽器的渲染方式，告訴瀏覽器用哪種內(nèi)核渲染，360雙核瀏覽器就是在ie和chrome之間來回切換，現(xiàn)在使用meta標簽來強制使用最新的內(nèi)核渲染頁面

1. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

 ●  rgba不支持IE8 解決：用opacity
 ●  CSS3前綴

1. -webkit- webkit渲染引擎 chrome/safari

2. -moz gecko引擎  firefox

3. -ms- trident渲染引擎 IE

4. -o-  opeck渲染引擎 opera

 ●  過渡不兼容IE8，可以用JS動畫實現(xiàn)
 ●  background-size不支持IE8，可以用img
 ●  使用PIE.htc讓IE6/7/8支持CSS3部分屬性，像CSS3的border-radius，box-shadow，css backgrounds(-pie-background),Gradients,RGBA屬性

1. .border-radius {

2. border-radius: 10px;

3. -webkit-border-radius: 10px;

4. -moz-border-radius: 10px;

5. background: #abcdef;

6. behavior: url(css/PIE.htc);

7. }

 ●  用css hack

1. IE6: _

2. IE7/7: *

3. IE7/Firefox: !important

4. IE7: *+

5. IE6/7/8: 9

6. IE8:

 ●  :IE浮動margin產(chǎn)生的雙倍距離,通常使用float:left來實現(xiàn)，瀏覽器存在兼容性問題，導(dǎo)致圖片與 后面的內(nèi)容存在margin不一致的問題，解決方法就是給圖片添加diaplay:inline即可
 ●  ie8不支持nth-child，但支持first-child和last-child，可以通過轉(zhuǎn)化寫法來處理問題，span:nth-child(2)可以轉(zhuǎn)換為span:first-child+span,可以使ie8顯示該內(nèi)容，last-child可以自定義一個class類兼容ie8寫法
 ●  IE8下不支持HTML5屬性placeholder，解決問題的js插件挺多的，常用的使用jquery.JPlaceholder.js插件處理問題
 ●  識別HTML5元素，IE中可能無法識別nav/footer，使用html5shiv
 ●  火狐下表單阻止表單默認提交事件：在form中添加 action="javascript:",秒殺上述所有默認行為;
 ●  始終為按鈕button添加type屬性，IE下的默認類型是button，其他瀏覽器下的默認類型是submit
 ●  IE下刪除所有不必要的console語句，IE下當遇到console時不識別之后報錯，代碼不會執(zhí)行，或者全局自定義一個window.console方法
 ●  IE瀏覽器下由于參數(shù)過長導(dǎo)致通過GET請求下載文件方法報錯，解決改為POST請求
 ●  IE瀏覽器下iframe彈窗中輸入框光標丟失（無法輸入）問題，解決清一下frame
 ●  兼容IE8 new Date()返回NaN問題，解決自定義方法

1. function parseISO8601(dateStringInRange) {

2. var isoExp = /^s*(d{4})-(dd)-(dd)s*$/,

3.  date = new Date(NaN), month,

4.  parts = isoExp.exec(dateStringInRange);

6. if(parts) {

7.  month = +parts[2];

8.  date.setFullYear(parts[1], month - 1, parts[3]);

9.  if(month != date.getMonth() + 1) {

10.    date.setTime(NaN);

11.  }

12. }

13. return date;

14. }

Vue相關(guān)知識點 (框架之一重要)

因為我簡歷上主要寫的是會vue啦，其實也不是精通，因為邊學邊開發(fā)，主要是實踐的項目不是特別復(fù)雜，不過常見的一些坑點還是有遇到的啦，這個是看你會的框架問相應(yīng)的知識點

1. 簡單闡述一下vue的生命周期

2. 如何實現(xiàn)一個自定義組件，不同組件之間如何通信的？

3. 父子組件如何通信的？

4. 前端路由有沒有用過，你在項目中怎么實現(xiàn)路由的嵌套？

5. nextTick和Vuex兩個有沒有用過，分為什么情況下用到？

6. Vue的響應(yīng)式原理你知道是怎么實現(xiàn)的嗎？你覺得訂閱者-發(fā)布者模式和觀察者模式有區(qū)別嗎？有的話，說一下它們的區(qū)別。

構(gòu)建工具

因為項目還在前后端未分離的時候，我研究的gulp比較多，像grunt、fis3也有了解過，webpack還不是很熟(感覺要GG)，所以這塊問的比較少，面試官也就沒有這么問，不過我覺得還是有必要去熟悉或者實踐一下一下

Other

有一些技術(shù)主管會考量一下你除了前端之外的技術(shù)能力，例如你熟悉的后端語言，sql會不會，還有人問我Linux命令會不會的(我內(nèi)心:不會不會不會====),不過node多多少少都有在用，這個也是前端應(yīng)該要會的啦(but技術(shù)小白我不會，只是用到一點點~)

最后

把面試當做學習，這個過程你會收益很大。自己也拿到了幾家還不錯的offer，最后選擇了我比較滿意的一家公司，我并沒有特別在意薪資這塊，都是綜合考慮的一個結(jié)果啦！前端知識很雜，可能實際工作中用到的技術(shù)，像框架都是跟著公司的要求走的，像我最近也在看React啦，Vue和React都對比著再學習，不要問我為什么沒有在看Angular(懶懶懶),因為新公司說是偏向于React，所以最重要的還是更看重基礎(chǔ)知識的積累吧，當然，開心最重要~

原文發(fā)布時間為：2018-09-15

本文作者：Qin菇?jīng)?/span>

本文來自云棲社區(qū)合作伙伴“前端大學 ”，了解相關(guān)信息可以關(guān)注“前端大學”。