2017前端實習生面試總結

樹輝發表於2019-02-16

最近開始了幾次面試,雖然還不知道結果如何,但是還是要記錄下來進行一個總結,同樣也希望對正在準備面實習生的童鞋們有所幫助~
1.JavaScript :

  • addEventListener最後一個引數是做什麼用的 答:規定事件是冒泡還是捕獲。false是冒泡,true是捕獲
  • 什麼是冒泡,什麼是捕獲 答:當一個元素觸發了一個事件之後就會像上層傳遞直至body,document。捕獲是從最不具體的傳至最具體的
  • 所有的事件都可以冒泡麼 答:不是,blur focus change不可冒泡
  • 怎麼取消事件冒泡 答:eve.preventDefault(阻止事件預設行為)(這都沒答上來,我一定是個逗比)
  • 怎麼判斷是不是陣列 答:a instanceof Array Array.isArray(a) 他問我還有麼~ 所以我說試一下Array的內建函式,可以使用是Array不可以則不是,其實還有 Object.prototype.toString === `[object Array]`
  • 怎麼把一個類陣列物件轉化為陣列 答:Array.prototype.slice.call();

2.CSS

  • float高度塌陷解決方案: clearfix:after{clear:both;content:”.”;height:0;display:block;visibility:hidden;}(給自己挖了個坑after是偽元素不是偽類,我說錯了~)
  • line-height畫素單位和百分比的單位的計算方法: length 設定固定的行間距。單位em,px,pt等等。百分比% ,基於當前字型尺寸的百分比行間距。(我覺得我答得是對的,但是他有重複了一遍:我說的是line-height)
  • 一個ul裡有若干個li,想要每個li都有一個border-bottom,最後一個li不想要boder-bottom要怎麼做:(ul:last-child{border-bottom:none;}或者給最後一個li加一個class選擇器設定border:none;(他說還有,查了一下什麼載入jQuery可之類的~)
  • css 選擇器過長怎麼判斷他的優先順序:行內樣式1000 — id100 — 類、偽類、屬性選擇器10 — 型別選擇器、偽元素選擇器1 通過相加計算大的優先順序高,值相等的話後宣告的優先順序高。

3.演算法(一個都沒答上來):

  • 優先佇列
  • 快速排序

4.專案

  • css3翻書是怎麼做的呀? 巴拉巴拉講了一堆
  • 你這個翻頁有個bug呀,什麼原因怎麼改呀? z-index的問題,怎麼改布吉島~
  • canvas繪圖怎麼做的呀? 巴拉巴拉講了一堆
  • 你這個繪製有bug呀,什麼原因怎麼改呀? 滾動條的問題,怎麼改又布吉島。。。(加上滾動條的距離,面試官告訴我的~)
    版本控制
  • 瞭解版本控制器麼? 瞭解一些github
  • 基本操作會麼? 我都用的windows的圖形介面進行操作的(面試官心中可能有一萬隻草泥馬在奔騰….)
  • github的工作原理是什麼呀? 我把我的程式碼上傳到github的倉庫上,然後別人可以下載進行程式碼新增然後上傳更新倉庫,我可以再下載更新過的繼續進行新增修改
  • 那如果你們兩個修改同一份程式碼發生衝突怎麼辦? 我知道的方法只有回滾,就是和隊友交流看誰的程式碼更重要,然後進行一個回滾操作。
  • 只能這樣麼,必須有一個人犧牲麼? 我瞭解到github的功能其實非常強大,所以肯定有更好的方法嗎,只是我現在對github的使用僅限於自己程式碼的儲存以及一些小的修改,所以並不瞭解更好的方法。。。。
    JavaScript
  • Array都有哪些方法呀? join slice splice reverse sort foreach every等迭代方法 暫時只能想起這些
  • sort方法工作原理是什麼樣的? 我不知道怎麼講他的工作原理,只知道他在排序上的問題巴拉巴拉的講了一下。。。
  • 那如果想要sort排序數字怎麼辦? function(a,b){return b-a;}這樣是降序
  • String有哪些方法呀? concat charAt slice substr substring 等等(其實現在覺得應該加一句說- string是基本資料型別,沒有方法,string的方法是String建構函式建立的引用型別的方法~)
  • 那replace方法怎麼用的呀? 我很認真的答成了splice的用法。。。。(兩個引數 1.RegExp物件或者是字串2.字串或者函式 然後替換可以用正則進行全域性替換。。。。)
    css
  • 一個div怎麼垂直居中呀? 餓了麼說過了~
  • css3你常用的屬性有什麼呀? 動畫的transform transmation border-radious box-sizing box-shadow
    其他
  • 你常用的程式碼編寫工具是什麼? sublime text
  • 你要修改很多相同的地方怎麼辦? 選中一個 按Ctrl+D 選取多個 然後一起改
  • photoshop怎麼樣? 可以進行簡單的psd頁面圖的ps 不會人物風景的美化
  • 想要匯出一個檔案提及比較小的png怎麼做 儲存為web所用格式。。。(應該不對~)

**

學習前端的同學們,歡迎加入前端學習交流QQ群:461593224 一起學習交流

**

相關文章