Posts
All the articles I've posted.
safari 使用 audio tag 後讀取異常緩慢問題
Posted on:2024/04/29 21:02:00最近遇到一個案子是廣播電台,並在頁面中使用 audio 來播放 audio/mpeg 檔案,在電腦及安卓上正常,在 safari 系列卻一直無法載入
textarea 的 placeholder 未在畫面上正常顯示
Posted on:2024/03/17 01:25:00textarea 的 placeholder 未在畫面上正常顯示,原因是因為 textarea 的內容有換行或者是空白,所以 placeholder 未正常顯示。
mac 執行 npm install 出現 distutils 錯誤
Posted on:2024/03/17 01:00:00最近因為有除錯 ios 的需求所以入手了一台 mac mini 作為開發機,但在將 window 的專案丟到 mac 執行 npm install 直接噴了一大串錯誤,主要錯誤的資訊就是 gyp 和最後的 ModuleNotFoundError No module named 'distutils',最後發現錯誤是來自於 python 安裝的版本,從3.12版本開始,distutils模組被移除了,所以導致了這個錯誤。
ul 預設的樣式被 reset.css 取消,補上 list-style 也沒用
Posted on:2024/03/07 21:00:00ul 的預設樣式被 reset.css 所覆蓋,導致無法顯示項目符號,將 list-style:disc 補上後仍沒有出現,最後發現是 padding 的問題
JS 新增的擴充方法 - with() toSpliced() toReversed()
Posted on:2024/02/24 23:15:00在使用框架 vue react 的時候,常常會需要利用陣列的資料來做一些操作,但又不想更改原本的資料,以前就需要先複製一份再做操作,所以 JS 新增了幾個原有方法的擴充,讓開發更佳的便利。
在 body 使用 zoom 時解決 GSAP ScrollTrigger 的觸發點不正確問題
Posted on:2023/12/30 16:44:00如何解決在使用 GSAP ScrollTrigger 與 zoom 一起時,觸發點可能出現的問題。我們將透過 scrollerProxy 方法調整觸發點的位置,確保在不同尺寸裝置上的正確顯示。
Nesting CSS - 可以不用預處理器了嗎
Posted on:2023/12/08 08:40:00近期又看到了 Safari 的 Preview 支援了 Nesting CSS 的功能,所以再次比較一下 Nesting CSS 和 SCSS 的差異。但因為瀏覽器的支援截至 2023 年底還不夠完整,所以在短期之內,還是沒辦法完全取代 SCSS 的地位。
發件人策略框架 - Sender Policy Framework SPF
Posted on:2023/12/05 22:14:00最近在工作上遇到網站上沒辦法寄出信件,後來輾轉反覆查詢原因,發現是 SPF 設定錯誤的關係,後來就開始查詢 SPF 到底是什麼,於是用這篇記錄下來