鐵人檔案
Why 提升效能隨著應用程式擴大，載入的時間也隨之增加，使用 Webpack 等 Bundler 做 Code Spliting 雖然不能減少應用程式的 Siz...
Container：內部可包含「多」個元素（ex: 決定容器大小，並讓容器置中）Wrapper：內部僅包含「單」個元素，可賦予內部元素額外的功能（ex: 讓內容...
什麼是 flex-grow ?定義了 flex item 在 flex 容器內空間足夠時，接受一個數值，用於計算分配空間的比例，預設值為 0。 <div&...
什麼是 flex-shrink ？定義了 flex item 在 flex 容器內空間不足時，接受一個數值，用於計算縮小的比例，預設值為 1。 <div...
什麼是 flex-basis ?flex-basis 設定一個 flex item 在 flex container 內的預設寬度（覆蓋 width 的數值），...
什麼是 flex ？ flex 是一個簡寫屬性，可以按照次序定義一個 flex item 的 flex-grow（必填）, flex-shrink（選填） 和...
calc() 是一個 CSS 的函數，功能如 function 字面上的意思，在設定屬性的時候可以進行四則運算，不多說直接看各種 use case。 lengt...
為什麼需要 Media Queries Media queries 可以讓我們依據不同裝置的特性來調整網頁應用程式。 什麼是 Media Queries？ Me...
什麼是 object-fit object-fit 是一個 CSS 屬性，用於決定一個可替換 resource 的 element（img, video, if...
終於來到最後一天了，真的是每天都有想放棄的衝動，很慶幸當初選了很 General 的主題，加上平時也囤了很多參考資料，讓自己可以毫無規劃的情況下一天寫一篇，每天...
