# 2022/10/26 Mock Interview

1. Frances
2. MIN DA WU
3. Tzu Han Lin
4. Michael

---

- 專案的困難？如何解決？

- 有什麼想學的？
4. Next.js

- 為何選擇 styled-component？
1. ok! className 知道！
2. ok! className 知道！function ok
3. css-in-JS, className

- ES6 才出來的語法？
2. 不知道
3. 不是很清楚

- Status Code?

HTTP 狀態碼
  - 資訊回應 (Informational responses, 100–199),
  - 成功回應 (Successful responses, 200–299),
  - 重定向 (Redirects, 300–399),
  - 用戶端錯誤 (Client errors, 400–499),
  - 伺服器端錯誤 (Server errors, 500–599).

1. 2, 4, 5 ok
2. 2, 4, 5 ok

- box-model 的 property (margin, border, padding)
1. ok
2. ok

- px、em、rem 使用在 font-size 上的差異？ (字體小於瀏覽器預設怎辦？)
3. ok, rem 可以更精準

- position 的屬性有哪個五個？要怎麼使用？
https://developer.mozilla.org/zh-CN/docs/Web/CSS/position
1. 知道, sticky 不精準

- 比較 const, let, var? scope?
2. ok, TDZ

- Browser 的渲染步驟：DOM -> CSSOM -> Render Tree -> Reflow -> Repaint
1. 可以，算清楚
2. 尚可
3. 不是很清楚
4. 不是很清楚

- DOM (Document, Element, Text, Attribute)
2. 不清楚
3. 不清楚
4. 不清楚

- JavaScript 影響 HTML 解析的方式？ `<script defer/async>`
1. 知道
2. 不清楚
4. 不清楚

- 權重排序：
`!important > inline style > ID > Class/psuedo-class(偽類)/attribute（屬性選擇器） > Element`
4. !important 不知道

- `<div>` vs. `<span>`
3. 區塊元素跟行內元素不清楚

- forEach() vs. map()
2. forEach 不知道 return

- 什麼情況下會使用一般 for 迴圈 ，而不是用 forEach？(break)
2. async/await? break 沒說到

- useMemo, useCallback, memo
2. 大概清楚

- useContext
3. 大概可以

- Redux 的運作原理(store, action, pure function)
1. 知道，action 不清楚
2. action unknown
3. 不清楚
4. ok

- React 中 key 的作用，什麼情況下可以用 index?
4. 尚可

- localStorage, sessionStorage, Cookie？

- JavaScript 的同步與非同步？(Event loop / Queue)

- SPA 優缺點

- 同源政策(Same Origin Policy)？(scheme、domain、port)

- target.addEventListener(type, listener, options)：options default? (false, Bubble)

- target vs. currentTarget

- What is pure function?