iT邦幫忙

2024 iThome 鐵人賽

DAY 9
0
JavaScript

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

Day-09 前端框架和工具

  • 分享至 

  • xImage
  •  

eradicate vt(及物) 滅絕;根除
同義詞或相似詞: eliminate/exterminate/annihilate/
例句:
The government launched a new campaign to eradicate homelessness in the city by providing affordable housing and essential services.

明年想考個雅思,最近在寫題培養手感
決定在每篇開頭加上一個每日單字
這樣夥伴們看我廢文時,還可以一起背單字
一姦二顧,摸鮑魚兼洗褲

所羅門今天漲停辣 能解套就快逃RRR!
我以為開盤拉高晚點就會收綠,傻傻賣在起漲點,沒想到一路打燈到收盤
真是阿呆QQ

說明 Virtual DOM 的作用

在記憶體中模擬真實 DOM 的架構,當狀態改變時,會將舊的 Virtual DOM 和 新的 Virtual DOM 做比對
然後將有變化的部分,更新到真實的 DOM,以減少不必要的 DOM 操作,提高性能.

說明 JSX

JSX = JavaScript XML,是 React 的語法糖
可以在 JavaScript 程式中以類似於 HTML 的語法,來建構 React 元件。

例如

const element = <h1>Hello, world!</h1>;

說明 React 中的組件生命週期

React 元件的生命週期分為三個階段:

  • Mounting: 元件首次被插入到 DOM 時,會依序調用相關方法
  • Updating: 元件的 prop 或 state 發生改變時會觸發更新,並依序調用相關方法
  • Unmounting: 當元件從 DOM 清除時會調用相關方法,
    詳細調用的方法可以詳閱下方參考資料,圖表寫得蠻清楚的><

參考資料:
https://www.explainthis.io/zh-hant/swe/react-lifecycle


上一篇
Day-08 前端框架和工具
下一篇
Day-10 前端框架和工具
系列文
Web仔常見的面試問題 23
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言