不定時舉辦前後端、系統架構等技術交流,希望能讓 Web 開發者能有更好的討論與互動。
calc() 是一個 CSS 的函數,功能如 function 字面上的意思,在設定屬性的時候可以進行四則運算,不多說直接看各種 use case。 lengt...
如何從 Modal 外部帶入元件給內部渲染? 續前篇提出的疑問 Modal in React ( React 當中的互動視窗、對畫框) : 如何從外部帶入元件?...
什麼是 flex ? flex 是一個簡寫屬性,可以按照次序定義一個 flex item 的 flex-grow(必填), flex-shrink(選填) 和...
內控的對話元件 以下為一個常見的 React 對話框元件( 範例取自 React Bootstrap、Material UI ),我們通常會在元件內建立一組lo...
什麼是 flex-basis ?flex-basis 設定一個 flex item 在 flex container 內的預設寬度(覆蓋 width 的數值),...
共享狀態( Recoil state ) atom: 共享狀態的基本單位,需要一個key、共享狀態的預設值。 selector: 導出資料的共享狀態,若我們想...
什麼是 flex-shrink ?定義了 flex item 在 flex 容器內空間不足時,接受一個數值,用於計算縮小的比例,預設值為 1。 <div...