1. 程式人生 > >校招-順豐前端面經總結

校招-順豐前端面經總結

由於本人的個人身體原因,只能三月底回學校進行春招補招的校園招聘!!!前前後後準備了一個月,也算是成績圓滿。

這篇文章是今天下午剛拿到順豐的offer,所以先寫順豐的面經過程。也祝學弟學妹們校招也順順利利。

之前在順豐拉勾上的招聘,知道順豐技術研發是卡學歷的,之前大三大四有在兩家公司進行實習(不透露了,也是大公司),日常在實驗室也跟著老師做著專案,也有專案經驗。所以,當時投遞順豐的時候,先有一個測評題,做了一個多小時,那真是欲哭無淚,做到一小時的時候,真的想放棄。還是含著淚做完了。但是順豐我沒有收到春招筆試題(不知道為什麼!可能麼有吧)

一個之後,猝不及防的接到了面試通知,大概在4月10號左右的時間。一二面是前後十分鐘面試的,每場面試50分鐘。因為前後太快,只有總結兩次面試的全部問題,已經記不清楚是哪一面問的了。大概一面問的東西很多,但是不深。二面更多的問原理。

順豐一二面彙總

PS:專案介紹,必問,後面介紹

1、Vue的生命週期(網易、果殼網、今日頭條面試也被問到)

2、Jquery用的是版本(目前是3版本,但是企業一般用1.8版本,因為3版本很多可能還沒有更新)

3、Webpack用的是3版本(目前已經更新到了4版本)

4、Webpack的配置屬性(就簡單的介紹配置的基本屬性)

5、原型和原型鏈  constuction

6、有哪些排序(冒泡、歸併、快速排序、堆排序)(只要問到排序一定會問時間複雜度)

7、給一個數組,找出第二大的數,只能用一次迴圈怎麼實現(後面改成:拋開一次迴圈,可以怎麼實現。本人答:排序,然後倒數第二個(判斷最後一個的大小,是否有重複))

8、事件模型(捕獲、冒泡)

9、Js事件繫結的三種事件

(1)html中直接繫結 onclick

(2)獲取物件之後,給物件繫結onclick

attachEvent   //測試瀏覽器,發現:firefoxchromeIE9IE10IE11safariopera都不相容,IE7IE8相容,

if (window.attachEvent) {                 window.attachEvent("onload", remove);             } else if (window.addEventListener) {                 window.addEventListener("load", remove, false);   

            }   

10、狀態碼

11、AMDCMD的區別

12、Vuex是什麼

13、基本資料型別  undefined null boolean number string  symboles6

14、V-指令說一些

 v-if 和  v-show的區別

v-if後面是一個表示式,v-show如果是false,在DOM中是displaynone

15、promise的原理

16、原生JS怎麼去實現回撥

17、京東商城的圖片,要是存在圖片跨域問題,怎麼去解決

18、跨域問題(追問,jsonp跨域的原理)

19、Jsonp跨域的原理

答:很簡單,就是利用<script>標籤沒有跨域限制的“漏洞”(歷史遺蹟啊)來達到與第三方通訊的目的。當需要通訊時,本站指令碼建立一個<script>元素,地址指向第三方的API網址,形如:
<script src="http://www.example.net/api?param1=1¶m2=2"></script>
並提供一個回撥函式來接收資料(函式名可約定,或通過地址引數傳遞)。

20、防抖

21、擴充套件運算子  。。。Arr

22、陣列方法  pop  map  concatfilterfindkeysindexOfforEach

23、Vuex

Vuex 是一個專為 Vue.js 應用程式開發的狀態管理模式。它採用集中式儲存管理應用的所有元件的狀態,並以相應的規則保證狀態以一種可預測的方式發生變化。Vuex 也整合到 Vue 的官方除錯工具devtools extension,提供了諸如零配置的 time-travel 除錯、狀態快照匯入匯出等高階除錯功能。

24、computedwatch的區別

1、vue的 模板內({{}})是可以寫一些簡單的js表示式的 ,很便利。但是如果在頁面中使用大量或是複雜的表示式去處理資料,對頁面的維護會有很大的影響。這個時候就需要用到computed 計算屬性來處理複雜的邏輯運算。   1.優點: 在資料未發生變化時,優先讀取快取。computed 計算屬性只有在相關的資料發生變化時才會改變要計算的屬性,當相關資料沒有變化是,它會讀取快取。而不必想 motheds方法 和 watch 方法是的每次都去執行函式。  2.setter getter方法:(注意在vue中書寫時用set getsetter 方法在設定值是觸發。 getter 方法在獲取值時觸發。

2、雖然計算屬性在大多數情況下是非常適合的,但是在有些情況下我們需要自定義一個watcher,當需要在資料變化時執行非同步或開銷較大的操作時,這時watch是非常有用的。

專案:

專案實習這塊一定要說你做的是什麼,你負責那塊,技術難點是什麼,你是怎麼攻克的。雖然你可能不知道怎麼準備。但是準備的這些問題的人多了去了。所以不要問我怎麼辦,一定要準備。都知道人家會問,還不準備,那就offer給別人吧。

我大概講的是PC端介面,封裝元件,H5活動頁,內部網銀系統的使用者瀏覽統計等一些專案。