校招-順豐前端面經總結
由於本人的個人身體原因,只能三月底回學校進行春招補招的校園招聘!!!前前後後準備了一個月,也算是成績圓滿。
這篇文章是今天下午剛拿到順豐的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 //測試瀏覽器,發現:firefox、chrome、IE9、IE10、IE11、safari、opera都不相容,IE7、IE8相容,
if (window.attachEvent) { window.attachEvent("onload", remove); } else if (window.addEventListener) { window.addEventListener("load", remove, false);
10、狀態碼
11、AMD和CMD的區別
12、Vuex是什麼
13、基本資料型別 undefined null boolean number string symbol(es6)
14、V-指令說一些
v-if 和 v-show的區別
v-if後面是一個表示式,v-show如果是false,在DOM中是display:none
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、computed和watch的區別
1、在vue的 模板內({{}})是可以寫一些簡單的js表示式的 ,很便利。但是如果在頁面中使用大量或是複雜的表示式去處理資料,對頁面的維護會有很大的影響。這個時候就需要用到computed 計算屬性來處理複雜的邏輯運算。 1.優點: 在資料未發生變化時,優先讀取快取。computed 計算屬性只有在相關的資料發生變化時才會改變要計算的屬性,當相關資料沒有變化是,它會讀取快取。而不必想 motheds方法 和 watch 方法是的每次都去執行函式。 2.setter 和 getter方法:(注意在vue中書寫時用set 和 get) setter 方法在設定值是觸發。 getter 方法在獲取值時觸發。
2、雖然計算屬性在大多數情況下是非常適合的,但是在有些情況下我們需要自定義一個watcher,當需要在資料變化時執行非同步或開銷較大的操作時,這時watch是非常有用的。
專案:
專案實習這塊一定要說你做的是什麼,你負責那塊,技術難點是什麼,你是怎麼攻克的。雖然你可能不知道怎麼準備。但是準備的這些問題的人多了去了。所以不要問我怎麼辦,一定要準備。都知道人家會問,還不準備,那就offer給別人吧。
我大概講的是PC端介面,封裝元件,H5活動頁,內部網銀系統的使用者瀏覽統計等一些專案。