Skip to main content

前端知識筆記整理

1. Promise 是什麼？​

Promise 是一種用來處理非同步操作的物件，可以讓開發者更簡潔地撰寫非同步邏輯，避免回呼地獄（Callback Hell）。

  • 三種狀態：
    • pending（進行中）
    • fulfilled（已成功）
    • rejected（已失敗）

2. SSR vs SPA 的差異？​

  • SSR (Server-Side Rendering)
    在伺服器端生成 HTML，適合 SEO 和首屏渲染速度要求高的應用。
  • SPA (Single Page Application)
    單頁應用，主要在客戶端渲染，透過 AJAX 加載內容，適合交互性高的應用。
  • Cookie
    存在於用戶端，通常用於保存小型數據（如用戶偏好或會話 ID）。
  • Session
    存在於伺服器端，依靠 Session ID 和用戶端的 Cookie 維持。

4. Vue Router 的用法？有幾種模式？​

5. 閉包是甚麼？​

6. rem 、%、em 差別？​

7.Vue 元件運作如何傳遞 Props?​

8.Vue.js Life Cycle ?​

9.GET v.s POST ?​

10.Vue.js 的指令v-show與v-if區別?​

11.​

1. hash 模式​

  • 使用 URL 中的 # 作為路徑分隔符，例如：https://example.com/#/about。
  • 特點：
    • 不需要伺服器的特別配置。
    • 瀏覽器的 hash 變化不會導致頁面重載。
    • SEO 表現較差，因為部分搜尋引擎無法很好地索引 # 後的內容。

2. history 模式​

  • 使用 HTML5 的 History API，例如：pushState 和 replaceState。
  • URL 更加美觀，例如：https://example.com/about。
  • 特點：
    • 需要伺服器支援，確保在重新整理時正確返回對應的 HTML 文件，避免出現 404 錯誤。
    • SEO 表現較好，適合需要搜尋引擎優化的應用。