[筆記] 解決 Chart.js Canvas 元素造成的水平滾軸問題
由於 canvas 物件擁有兩種寬高 ( canvas.width, canvas.height ) 和 (css.width, css.height)。因此外 Read More …
點數旅行 留學 信用卡 程式學習
由於 canvas 物件擁有兩種寬高 ( canvas.width, canvas.height ) 和 (css.width, css.height)。因此外 Read More …
網頁排版中如何實現「卡片等高」是一個相當常見的需求。由於後端所給的資料內容長短不一,加上也有可能因為字體而導致換行 … 等因素,直接寫死高度並不是個 Read More …
在 Vue3 利用各瀏覽器的原生 input 的 color 類型,就可以簡易的產出色彩選擇器。這邊筆記下重點。 內容 相容性 除了 IE、Android 版本 Read More …
這邊筆記下用偽元素 Psuedo Element 來製作對角線,同時可滿足 RWD ,自動適應元素大小而變。 內容 1. transparent calc(50 Read More …
前一陣子在編輯既有的 Email html 模版給後端使用時,發現有一些 html 標籤是會被忽略的,因此要避免將 style 樣式寫在這一層。 這邊筆記下可能 Read More …
實務上要實作 Click Outside,多半都是將監聽器綁在 window 上,或是透過 Event 事件的 ComposePath() 方法來進行過濾,進而 Read More …
近期在製作 Modal 的元件公版時,想說看有沒有近乎 Best Practice 的作法。這邊筆記下當前 2024 年的個人技術所能實踐的最佳成果。 內容 1 Read More …
近期在 HTML 畫面實作上,遇上單個畫面內容以及多個 Modal 間,都需要控制捲軸是否出現的情況。這邊筆記下核心重點以及嘗試出的 Best Practice Read More …
近期在 HTML 開發上,要製作展開的動畫效果,一般而言是使用 height: 0 到 height: 80px 之類的特定高度。若遇上展開所需的高度會需要為動 Read More …