在「煉金術師的精密測繪」中,我們知道了瀏覽器對於 vw 的計算包含佔位滾動條寬度,當使用 100vw 為寬度時,y 軸滾動條佔位會造成 x 軸滾動條的出現。
&...
👉什麼時候該抽取元件?如何設計一個好的元件?怎樣避免過度工程化?
元件化的核心價值
元件化不僅僅是代碼複用,更是關於關注點分離、可測試性和可維護性。一個設計良好...
摘要今天用 Flexbox 與 CSS Grid 重新整理頁面結構:工具列橫向排好、任務安排區塊與歷史頁更清晰,加入基本 RWD 與一致的按鈕/表單外觀,讓作...
今天是我們三十天 Rails API 學習旅程的起點。作為一個擁有 Node.js、Java、Python 開發經驗的後端工程師,我將記錄從熟悉的技術棧轉換到...
本文同步發布於個人部落格
用一篇文章為這次系列文收尾,我決定聊聊我眼中的前端工程師。
以前剛從 Alpha Camp 畢業時,會需要寫篇文章來講講一路以來的...
calc 介紹
以前 CSS 要進行不同單位間的動態運算(例如 10px + 50%)非常困難,通常需要依賴 js 處理。
在這樣的背景下,CSS 的 calc...