記錄一次杭州順網科技的面試過程

caiyongji 發布于2019-08-22 15:40 / 1027人閱讀

摘要：以上是面試中筆試涉及到的知識點或者后面被問到的只是點。也許是根據薪資和面試的等級來出題的。我剛面試完回家，吃了一個泡面，回憶下面試題。同時作為傳遞到構造函數，執行了一次讓構造函數里面的屬性和方法賦值了一份給。

css

如何水平垂直居中，請盡量多說幾種方法？很尷尬，我多次面試都被問到這個問題，fuck
定位（回答了）、table-cell布局、flex布局、translate+relative定位

w3c和ie盒模型區別我回答反了尷尬

jquery

jquery中如何只實現一次事件綁定 $("dom").one 這個方法我居然一次也沒用過，也沒見過

事件委托的原理貌似回答錯了，事件冒泡和事件捕獲，不同瀏覽器機制不同，我兩者居然結合在一起了，說先冒泡再捕獲，打臉哦

jsonp原理勉強回答出來了，算正確吧

原型鏈繼承

閉包、作用域

this以及如何改變this執行

vue

vue如何實現原理 object.defineproperty 數據劫持，只回答出這么一個知識點。

說出v-for是如何實現的懵逼的

模塊

webpack實現原理剛學webpack還看錯，1年過去了，早忘記了

import 和export用法面試題這個也做錯了。緊張。

以上是面試中筆試涉及到的知識點或者后面被問到的只是點。
以下是筆試題，貌似有2套，但我拿到的是另外一套。也許是根據薪資和面試的等級來出題的。我剛面試完回家，吃了一個泡面，回憶下面試題。

面試題--筆試

. 考察原型鏈繼承的問題

function A() {
  this.name = "a"
  this.color = ["green", "yellow"]
}
function B() {
  
}
B.prototype = new A()
var b1 = new B()
var b2 = new B()
b1.name = "change"
b1.color.push("black")
問：
console.log(b1.name) // change
console.log(b2.name) // a
console.log(b1.color) // ["green", "yellow", "black"]
console.log(b2.color) // ["green", "yellow", "black"]

解析為何：
B.prototype = new A() 實現了繼承，需要一個中間變量來理解原型繼承更好理解。

var f = new A()
B.prototype = f

var f = new A()后，f.__proto__ 指向了A的原型（A.prototype），構造函數A執行的時候，this傳遞的是f，所以此時在f在有了構造函數A里面的屬性和方法。B.prototype = f,可以理解B的原型和f指向了同一個Object,(因為 f = new A（)實際返回的是一個Object對象，而這個對象的__proto__ 執行了A的原型)所以連等后，當b1 = new B(),所以當執行b1.name的時候會去原有的實例對象去找，如果找不到，就會向想沿著__proto__原型鏈找到B.prototype這個原型對象。而這個對象又指向了new A()

B.prototype指向new A()怎么理解呢？
就是B.prototype.__proto__ ==== A.prototype。同時B.prototype作為this傳遞到A構造函數，執行了一次A().讓A構造函數里面的屬性和方法賦值了一份給B.prototype。從而達到了繼承了A構造函數和原型上的屬性和方法。

. 考察閉包，作用域的問題

// 經典考題
for(var i = 0 ; i < 5; i ++) {
  setTimeout(function() {
    console.log(i) // 5, 5, 5, 5, 5
  },1000)
}
// 如何打印出1，2，3，4，5
// 我答案是說出來了，用let 產生塊級作用域，以及采用一個函數自執行的方式。但為什么卡主了

.考察this指向問題，以及如何改變this指向

var obj = {
  name: "zj",
  getName: function() {
     console.log(this.name)
  }
}
var fn = obj.getName
console.log(fn()) // undefined
// 如何讓fn() 打印出‘zj’ 利用call或apply或bind改變this指向
console.log(obj.getName()) // "zj"

.es6模塊的問題，那套題我做錯了，其實很簡單，當時太緊張了。就不寫出來了，而且代碼很長，主要考察import 和 export 和變量的問題。
最后附錄以下公司的環境，反正也掛了。
其實面試題，我懂原理的比較少，就是你做出來了，但讓我說出為何時這個答案挺困難的，特別是原型鏈（不過這個原型鏈雖然很基礎，但原型鏈的問題我很久沒研究過了，也可能是學得比較死吧，記住的那種學習，所以完全是懵逼的。）閉包讓我說為什么真挺困難的，雖然自己曾經也寫了博客的

續

回憶下我從去年年底，到今年年初收到的面試經歷吧，然后談談技巧。

有贊（電面5分鐘就pass,主要考算法，比如排序有幾種方式，復雜度等）

阿里體育（電面30分鐘）

支付寶（電面30分鐘，主要問基礎，最后被卡住的問題是jquery源碼和深拷貝，原諒我當初深拷貝用得真的很少啊）

51公積金

二維火（面試官人特別好，回答不上的會給你講解，主要問vue）

淘粉吧（當天下午面試了4輪，不過1面最重要，當時以為沒問題，最后一面卡在了canvers和css3特效上，以及當初他們要招聘做有開發小程序經驗的人，）

順網科技

總結下他們面試的基本套路

. css

一定有水平垂直居中，盒模型，塊級和行內元素。
flex布局

. 原生js

原型鏈，閉包，作用域，this，變量和函數提升
這我就不舉例了考察的問題很多，網上有
. jq
document.ready()方法不寫這個方法會有什么后果？
常見的一些api
jq的源碼（支付寶考察）
. 其他
webpack 比如原理，或者說之前沒有webpack的時候，如何友好的解決，說白了就是為何用webpack
這里會延伸到require.js和sea.js，雖然現在用的公司已經很少了
http/tcp 和https
輸入url到底發生了什么（涉及最后的瀏覽器渲染原理）
跨域解決方案最容易問到jsonp原理，nginx轉發等
es6語法，比如let和const與var區別
箭頭函數和一般函數區別

. mvvm框架（vue：因為我用的是vue）
首先當然是原理啊（這里很容易卡主哦）
鉤子函數，分別說能在里面實現什么
解釋vuex是什么？vuex為何是一個單項流過程
mututations為何只能是同步不能異步

GPU云服務器云服務器 php存儲過程記錄集最近一次的登錄時間 js一次刪除選中的多條數據順網云電腦服務器進不去

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/93639.html

記錄一次杭州順網科技的面試過程

摘要：以上是面試中筆試涉及到的知識點或者后面被問到的只是點。也許是根據薪資和面試的等級來出題的。我剛面試完回家，吃了一個泡面，回憶下面試題。同時作為傳遞到構造函數，執行了一次讓構造函數里面的屬性和方法賦值了一份給。 css 如何水平垂直居中，請盡量多說幾種方法？很尷尬，我多次面試都被問到這個問題，fuck 定位（回答了）、table-cell布局、flex布局、translate+relat...

shiguibiao 2019-08-30 14:13 評論0 收藏0
Java開發大廠面試整理

摘要：用戶態不能干擾內核態所以指令就有兩種特權指令和非特權指令不同的狀態對應不同的指令。非特權指令所有程序均可直接使用。用戶態常態目態執行非特權指令。這是我今年從三月份開始，主要的大廠面試經過，有些企業面試的還沒來得及整理，可能有些沒有帶答案就發出來了，還請各位先思考如果是你怎么回答面試官？這篇文章會持續更新，請各位持續關注，希望對你有所幫助！面試清單平安產險飛豬上汽大通浩鯨科...

Scorpion 2019-08-16 17:18 評論0 收藏0
記錄一次參加D2前端技術論壇的杭州之行

摘要：最后，我們來到了提前預定好的今晚的住宿地杭州旅行者漫步主題酒店。先一本正經的打打官腔，還有童鞋不知道什么叫嗎口答前端技術論壇簡稱。作為聽眾，不要對期待參加某場技術會議，提升自我技術修養的效果會立竿見影。 showImg(https://segmentfault.com/img/bV0tLv?w=859&h=487); 前言在這里，閏土首先要感謝以下兩位大佬提供的門票，分別是來自新浪微...

wangym 2019-08-22 11:20 評論0 收藏0
太原，這是我曾經和現在居住的城市，記錄一個前端仔的三年。

摘要：年，我離開了工作一年的杭州。火車站，是進入一個城市的入口。對于常年混跡于太原前端圈的我，發現最近兩年太原招聘市場的一個發展趨勢是，前端開發已經和一樣，成為公司招聘的標配。后記太原并不大，也不繁華，但她是我生活的城市，我很熱愛她。 showImg(https://segmentfault.com/img/bVZHg4?w=1000&h=565); 前言這篇文章寫給準備踏入互聯網的萌新，...

tomlingtm 2019-08-21 17:54 評論0 收藏0