JavaScript 的 Set 是一个内置构造函数，用来创建元素值唯一的集合。它不基于键名索引，也不要求元素可序列化——只要值在抽象相等（SameValueZero）意义上不重复，就只存...

CSS伪类选择器本身不触发重排（reflow），但滥用或搭配不当的样式属性会显著拖慢渲染性能——尤其在大量元素上使用 :hover、:focus-within 或复杂 :nth-child...

子元素设了 position: absolute，但 top: 20px 没生效？大概率是它的**最近一个已定位祖先元素**根本不存在——也就是所有父级都用了默认的 position: s...

只要通过 new WebSocket(url) 创建的对象，就是 HTML5 原生 WebSocket —— 它和长轮询、SSE、Socket.IO 封装层有本质区别。关键看构造方式和原型...

直接给容器加 opacity: 0.5 看似简单，但会把里面所有子元素（包括文字、图片、按钮）一起变淡，这不是你想要的。真正需要的是「仅背景透明，内容保持原样」。

很多人搜 sticky 和 scroll 的区别，其实是混淆了概念：sticky 是 position 属性的合法取值（如 position: sticky），而 scroll 根本不是 ...

根本原因不是浏览器不支持，而是它被父容器或祖先元素“拦住了”。position: sticky 的触发依赖两个硬性条件：父容器不能有 overflow: hidden|auto|scrol...

Linux系统中，TCP封包过滤是构建网络边界的最基础也是最关键的防护手段。它不依赖应用层逻辑，直接在内核协议栈处理流量，响应快、开销低、抗绕过能力强。核心在于精准识别恶意连接特征（如异常...

很多初学者写完 ::before 或 ::after 却看不到效果，根本原因是没设 content。这个属性是强制的——哪怕只是加个空格或点，也得显式声明。

元素用 position 定位后再加 transform 动画，容易出现位移“跳变”、起点错位、动画不连贯等问题。根本原因是 position（如 top/left）和 transform...