SHOPEE／蝦皮購物_新加坡商蝦皮娛樂電商有限公司台灣分公司 前端工程師

90分鐘筆試，難度為junior等級，不難，題目答案如下： 1. sort and remove duplicated element for an Array arr in decreased order ans: Array.from(new Set(arr)).sort((a, b) =>; b-a) 2. rule of CSS specificity ans: add 1000 for inline-style add 100 for id add 10 for class, pseudo class, attribute add 1 for element, pseudo element !important will override specificity 3. shallow copy vs deep copy ans: take a nested object as example shallow copy will copy reference of properties deep copy will recursively copy the value of each properties 4. 大規模應用程式中如何管理CSS ans: 此題自由發揮，可以用CSS in JS避免名稱衝突或是用BEM等命名規則去語意化CSS class name方便管理 5.水平+垂直置中的三種方法 ans: 一. display: flex; align-items: center; justify-content: center; 二. text-align: center; line-height: height / 2 三. parent { display: flex; } child { margin: auto; } 6.優化/debug a class component ans: 自由發揮 我的答案是，可以用functional component + react hook 取代讓其更簡潔 還有<li> 要加key提高效能 7. 求下方程式碼之console output var arr = [1,2,3] for ( var i = 0 ; i < arr.length ; i+ ) { setTimeout(()=> { console.log(i, arr[i]) }, 3000) } 整個面試過程目前四關 1.HR通電話半小時，了解學經歷和介紹工作內容 2.onsite 寫如上考題 3 and 4.同一天onsite和兩組PM、Tech Lead共四人面談，問題面向偏重實作 包含使用cookie的各種細節、localStorage、sessionStorage 對於演算法倒是不太要求，常常做演算法的球給面試官都被草草帶過 除了技術溝通外，也會針對人格特質部分做一些討論(你遇過最難的問題?跟主管or同是有意見分歧會怎麼處理?最有成就/或遇過困難的問題?) 整體來說他們還是很在意人選的溝通能力，希望是重視團隊合作的人

如何準備面試： 前端工程師面試有其Pattern，對常考題要非常熟悉 目前本人面試過約20家，以下用重要度代表考題出現頻率，供參考 JS： Promise - ✭ ✭ ✭ ✭ ✭ Event Loop - ✭ ✭ ✭ ✭ arrow function和一般function的差別 - ✭ ✭ ✭ ✭ ✭ var、let、const的差別 - ✭ ✭ ✭ Class & Prototype Chain - ✭ ✭ React： React Component Lifecycle - ✭ ✭ ✭ ✭ ✭ Reconciliation - ✭ ✭ ✭ ✭ Advanced React Design Pattern - ✭ ✭ ✭ ✭ React Performance Tuning - ✭ ✭ Redux - ✭ ✭ ✭ 是否推薦此份工作：對內部系統有興趣可以考慮