#frontend-development
Read more stories on Hashnode
Articles with this tag
簡介 Debounce 和 Throttle 常用在 input、scroll、resize 等事件進行控制，防止事件過多觸發，減少資源消耗或是商業邏輯上的維護成本。這兩者最大的差異在於觸發的時機。 debounce(func, wait,...
SSR SSG CSR ISR DPR · 渲染方式總覽 依照複雜程度排序 CSR：Client Side Rendering SSR：Server Side Rendering SSG：Static Site Generation ISR：Incremental Site...
格式：clamp(MIN, VAL, MAX)相當於：max(MIN, min(VAL, MAX)) 這幾天在前端社群上看到有人討論字型的大小調整，看到有人介紹到這個 CSS 函數。發現真的很方便，可以提供一小部分來代替 media query 的功能呢。在 Mozilla 的介紹這邊有個 Demo...
https://html.spec.whatwg.org/multipage/structured-data.html#structured-cloning · 在規範內提供了一個可以 Deep Copy 的功能 - structuredClone() JavaScript 中 Copy Object...
CSS 中的 :has() 是一種可以透過子級元素來限定父級元素的選擇器。一般來說在選擇元素的時候，都是從最上層父級慢慢往下指定：.class1 > .class2 #id。 :has() 則是反過來 /* Matches <a> elements that contain an <img>...
最近在 10 / 18，W3C 中的 Web Platform Incubator Community Group 發布了一項 HTML Sanitizer API 規範草案，此草案的目的是為了解決瀏覽器 XSS...
