---
# System prepended metadata

title: (junior) 前端面試問題

---

 # (junior) 前端面試問題
## Css
- 選擇器的優先大小比較  (!important > inline style 行內CSS > ID選擇器 # >class類別選擇器 . > element元素選擇器: >通用選擇器 *)
- 簡述選擇器是什麼
- 簡述 id 跟 class 之間的差別
- flex-box（給圖，考軸向）
- content-box 的好處/特性 (多選題）
- 以下哪些單位是相對單位？px, pt, em, rem, %, vh, vw
- 列出所有原生 Css 可以處理動畫的方式/函數
- 哪種讓方式可以讓物件在畫面上隱藏，且在畫面上不佔任何空間


## Js
- var、let、const 的差別？
- 請解釋 DOM 是什麼
- compare by value v.s compare by reference 
- setTimeout 印出順序
```javascript
console.log('A');
setTimeout(() => console.log('B'), 3000)
setTimeout(() => console.log('C'), 0)
console.log('D');
```
 - 可以用什麼方式達到全站購物車資料同步？
 -  this 指向
 - 事件冒泡
 - 提升 Hoisting

## 網路概論
- HTTP 狀態碼 相對應回應代表的意思
- Cookie、localStorage、sessionStorage 的差別？
- 有遇過 CORS 嗎？要如何解決

## git
- (在 VScode 上遇到 merge 衝突)  incoming change、current change 代表什麼？要如何處理？選擇Accept  current change 還是 Accept incoming ? 會造成什麼影響
