For Front-End Learning

HTML

行內元素&區塊元素

Css

Css 預處理器 Pre-procesor
CSS 選擇器 Selector
CSS 權重
CSS Box Model
CSS Reset / Normalized
網上推的 CSS 面試題目

  1. 每一個瀏覽器在定義每一個HTML標籤時用的style不一樣，會出現你的應用程式前端在各個瀏覽器顯示出來的結果可能不一樣，所以製作出reset.css，強制讓Browser的基本屬性變為你設定的值，讓不統一的地方一致，缺點是不彈性。所以後續解決這個問題，才多了CSS Normalize去繼承Browser原有的CSS屬性，再去做加法。
  2. 哪種CSS會被蓋掉、哪種CSS權重比較重，在同樣指定的CSS上，哪一個會被套用。簡單來說important>inline-style>id>class=attribute=psuedo-class>html-element。
  3. html tags中的box element，由外往內有margin、border、padding和content。

CSS BEM設計模式
CSS Cascade Layers @layer 解決css權重
Tailwind css v.s Bootstrap

JavaScript

JS 基本中的基本
JS Automatic Semicolon
JS IIFE
JS 宣告提升 Hoisting
JS 冒泡事件 Bubble Event
JS 冒泡事件/事件捕獲 Event Bubbling/Event Capturing
JS 閉包 Closure
JS 作用域 Scope
JS Promise
JS Event Loop
JS 原型鏈 Prototype Chain

TypeScript

Browser

TCP 三向交握
Http Methods
CORS
DOM v.s BOM
JWT JSON Web Token
SSR v.s CSR
LocalStorage v.s SessionStorage v.s Cookie
What Can I use?
REST v.s gRPC v.s OpenAPI