iT邦幫忙

2024 iThome 鐵人賽

DAY 10
0
JavaScript

Web仔常見的面試問題 系列 第 10

Day-10 前端框架和工具

  • 分享至 

  • xImage
  •  

Pussy n. 小貓
例句:
Mary has a little pink pussy.
瑪麗有一隻粉紅小貓
參考資料:
https://www.youtube.com/watch?v=z_2XBS94D84

週末賭場沒開門,沒有股市廢文能寫
但韭菜大膽猜測,下週所羅又會下去ㄏ

什麼是靜態生成(SSG)和服務器端渲染(SSR)

靜態生成(SSG, Static Site Generation):

  • 在建置時生成所有的頁面。每個頁面在訪問前已經預先生成為 HTML 檔案,並可以直接從伺服器快速提供給用戶。
  • 優點是加載速度快,因為 HTML 頁面已經預先生成好,不需等待伺服器即時生成。
  • 缺點是如果站點數據更新頻繁,需要重新生成整個站點。

服務器端渲染(SSR, Server-Side Rendering):

  • 每次用戶請求時,伺服器即時生成 HTML 並返回給瀏覽器。
  • 優點是內容總是最新的,且對搜尋引擎優化(SEO)友好,因為搜尋引擎爬蟲抓取的是即時生成的內容。
  • 缺點是每次請求都需要伺服器處理,可能會增加載入時間。

React 中的 state 和 props 有何不同?

Prop:

  • 主要用於元件間資料傳遞
  • 父傳給子的 prop 是不可變的,子元件可以使用父元件傳來的 props ,但不能修改它

State:

  • 元件內的資料儲存,是可變的
  • 主要用於記錄元件的動態資料和內部狀態,當 state 變化時,元件會重新渲染

什麼是 React hooks?能給出一些常用的 hooks 嗎?

Hook 是 React 16.8 中增加的新功能。它讓你不必寫 class 就能使用 state 以及其他 React 的功能。

常用的 React Hooks:

  • useState: 管理元件狀態
  • useEffect:將元件和外部系統同步
  • useContext:允許子元件能直接讀到父層(或 n 個以上父層)元件提供的 context 值
  • useRef:獲取 DOM 元素的引用
  • useReducer:用於狀態管理,類似於 Redux。

參考資料:
https://react.dev/reference/react/useEffect


上一篇
Day-09 前端框架和工具
下一篇
Day-11 網路基礎知識
系列文
Web仔常見的面試問題 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言