前端學習
含有「前端學習」共 87 篇內容
全部內容
發佈日期由新至舊
本文探討 React 中 `useState()` Hook 的核心功能，解析狀態的定義、React Hooks 的使用規範，並透過計數器元件的實例，詳細說明 `useState()` 的基本用法、初始狀態設定、何時應使用狀態而非一般變數，以及物件陣列的更新與透過 `key` 重置狀態等進階技巧。
最近寫JS發現自己會寫出一大坨巢狀 if-else，很醜很難看！但又不太知道該怎麼改善思考邏輯，好像就是順著題目描述寫，沒有先分析整理好，於是請 chatGPT 出一些題目給我寫，並給我寫邏輯判斷的題目時的建議。
JavaScript 的型別轉換可以說是初學者最常卡關的區域之一，常常讓人搞不清楚到底是 true 還是 false、該怎麼比較才不會掉進陷阱。
這篇請 chatGPT 幫我整理我在學習過程中最常混淆的幾個 JS 真假值與比較相關的觀念，以便後續複習！
請 chatGPT 協助我梳理 Math.floor(Math.random() * (max - min)) + min 的邏輯
傳統響應式設計多半依賴媒體查詢（media query）根據視窗寬度調整，但對於元件在不同情境下的佈局，常會產生不符預期的結果。本文介紹 CSS 容器查詢（container query），一種讓元件樣式根據其所在容器尺寸而非全域視窗尺寸來調整的新技術，並探討其基本用法。
這篇文章分享了學員參加六角學院體驗營的心得，包括學習收穫、最喜歡的活動、建議和鼓勵等。學員強調課程CP值高，師資優秀，並鼓勵想轉職的同學報名參加。
React 事件處理：讓網頁動起來~
網頁的互動性是吸引使用者、提供良好體驗的關鍵。
在 React 中，透過監聽使用者的操作（例如點擊、滑鼠移動、鍵盤輸入），並執行相應的程式碼，來實現豐富的互動效果。
在 React 的世界裡，Props 負責從父元件向子元件傳遞資料，而 State 則是負責管理元件自身的內部資料。
State 就像元件的記憶，可以儲存元件的狀態，並根據狀態的變化來更新 UI。
在 React 的世界裡，元件 (Component) 就像一個個獨立的個體，各自負責 UI 的一部分，要讓這些個體協同工作，就需要一種溝通的機制，而 Props 就是組件之間通信和數據傳遞的主要方式。
在 React 的世界裡，元件 (Component) 扮演著至關重要的角色。它們是構成使用者介面 (UI) 的基本 building blocks，如同積木一般，可以組合成複雜的應用程式。
