2020 Dcard Web Frontend Intern 面試分享

背景

Pre-test

使用 React 實作一個簡易版的 Dcard reader 網頁

一面

1. 離職後學習的過程
   - 我大概回答撰寫鐵人賽心得（沒有 follow-up） https://ithelp.ithome.com.tw/users/20120757/ironman/2708
2. 作業架構有參考什麼？
   - 這題我不確定要問什麼，我覺得小作業所以用 CRA + 練習 hook
   - 好像沒有 context, redux ，只用 state 存資料

1. git cherry-pick
   有大概聊一下為什麼會用到這個。
2. git rebase / git merge
   主要回答這分支是從哪裡生出來的
3. 問前公司 work flow
4. Cookie / LocalStorage
   很常問的問題，回答時有刻意延伸到 Session，但對方沒有 follow-up
5. CORS / JSONP
   這邊我花很久時間解釋 CORS，因為我當時回答似乎口誤
   但我後來回想我自己回答沒錯，但對方聽到我口誤似乎就沒聽我回答講什麼了 ⋯⋯ 我講惹 3 分鐘 :(
   提醒各位，名詞記錯，遇到 專有名詞刷人 或許是蠻常見的。
   > PTT [心得] AmazingTalker/台灣樂天市場 面試心得：https://www.ptt.cc/bbs/Soft_Job/M.1587570699.A.908.html
   AmazingTalker 回文參考：https://pttcareer.com/soft_job/M.1587488744.A.9C5.html
   AmazingTalker 回文參考：https://www.ptt.cc/bbs/Soft_Job/M.1587799089.A.BC6.html
6. React 事件處理
   我是往 onClick 之類的事件和 dom event 行為不同的方向作答
7. React 網站效能調整
   主要往減少 diff , 或是 useMemo / useCallback 方向回答
8. React 架構優化
   我這邊是聊我 angular 的經驗，因為當時沒用過 React。
9. react 和 angular 渲染底層機制
   好像大家都蠻好奇的，這個比較偏想了解 angular。
10. React 和 Angular 變化偵測 change detection
    同上，問題延伸。
11. 簡單介紹 redux
12. saga , observable 設計原因
    Redux 也是 React 狀態管理蠻重要的一環。
13. SSR
    我這邊主要回答 Angular 接觸的 Universal Javascript / 為了 SEO 的 pre-render，
    當時並不太熟悉 React 生態有沒有特別的解法，現在估計都是 Next.js。
14. React props 傳遞問題
    這邊我好像沒回答到完全，有反問是不是漏掉什麼效能問題的考慮，
    對方表示 React context API props 傳下去每一層都會 render
15. hook 解決什麼問題？
    我這邊回答印象中 官網的內容
    文章： https://zh-hant.reactjs.org/docs/hooks-intro.html
    對方表示回答 state 就好 （記憶不太確定）
16. code splice
    我主要聊 Angular dynamic import module 的實作經驗和 prefetch module 策略。
17. css 問題 ：div 置中
    flex
18. css 問題 ：把 block 在畫面上隱藏，但實體存在
    這邊對方問題沒有描述清楚（和其他 10 間以上的面試問題相比）
    不過基本上可能出現的回答都回答 後來才確定問題
19. css 問題 ：過長文字如和變 …

1. this binding
2. null / undefined 差別
3. addeventlister 第三個參數
   這個我真的不知道為什麼要特別問，跪求分享實務
4. preventdefault /stoppropagation

1. 測試經驗
2. 最近感興趣的技術
3. 怎麼設計”通知系統”
4. hook 渲染機制
5. angular 怎麼做 通知系統
6. 對工作的期待

總結

閒聊：