-
::before伪元素必须设置content属性才能渲染，否则即使设置样式也不显示；默认为inline且无宽高，需设display为block等才生效；其内容不可被JS选中，屏幕阅读器默认忽略，z-index在伪元素间无效。
-
事件循环是JavaScript异步非阻塞执行的核心机制，由运行环境实现：浏览器采用“宏任务→全部微任务→渲染”节拍，Node.js基于libuv分6阶段且每阶段后检查微任务，并独有process.nextTick（最高优先级）和setImmediate。
-
Vue.js中不存在名为“BlockTree”的官方概念或数据结构，v-once的实现依赖编译时标记为STATICBlock及运行时跳过patch流程，而非树形管理。
-
通过media属性异步加载非关键CSS，如设置media="print"并onload切换为all；2.动态创建link标签实现JS控制的异步加载，结合requestIdleCallback优化时机；3.内联首屏关键CSS并预加载其余样式，利用rel="preload"提示资源优先级；4.在HTTP/2环境下启用服务器推送与强缓存策略，配合哈希命名实现长期缓存；5.按设备或主题拆分CSS，按需加载以减少无效请求。核心在于区分关键与非关键资源，合理调度加载时机以提升首屏性能。
-
答案是：十六进制颜色可简写为三位形式的条件是每对字符相同，如#RRGGBB中RR、GG、BB各自成对，则简写为#RGB，浏览器会将每位复制成双位还原为六位，例如#f06解析为#ff0066；若任一通道两位不同则不可简写。
-
HTML书签本质是id与a标签配合实现页面内跳转，目标元素需设唯一id，按钮用href="#id"的a标签，配合scroll-behavior:smooth实现平滑滚动；动态生成带锚点的完整URL需用newURL()处理哈希；浏览器收藏夹功能网页无法直接调用，仅能提示用户手动操作。
-
本文详解如何在Paper.js中为任意SVG不规则路径生成可导出、纯矢量的元球式连接效果，避免SVG滤镜导致的栅格化问题，确保导出的SVG在Figma、Illustrator等软件中完全兼容且保持可编辑性。
-
font-size和color可直接用transition平滑过渡，前提是属性可动画且状态切换一致；需避免display:none、统一单位与颜色格式，推荐cubic-bezier(0.34,1.56,0.64,1)时序，并慎用will-change。
-
首先检查路径是否正确，包括相对路径、绝对路径和大小写；其次确认link标签的rel属性为stylesheet且语法完整；再排查CSS选择器、属性值及括号分号等语法错误；最后考虑浏览器缓存、样式表加载顺序及JS动态修改样式的干扰。
-
position:fixed是全屏居中弹出层的起点，因其脱离文档流、相对视口定位且不受滚动影响；需配合top:50%、left:50%和transform:translate(-50%,-50%)才真正居中。
-
Patch钩子通过在VNode比对后、DOM更新前插入自定义逻辑，实现精确帧控动画；常用insert（入场）、remove（离场）、postpatch（状态切换）钩子，可绕过CSS限制完成拖拽排序、打字效果、Canvas插值等复杂动效。
-
基础下拉框用<selectname="xxx">包裹<optionvalue="val">文本</option>，必须设name和value；默认选中加selected；禁用用disabled但提交不传值；多选需multiple且后端接收为数组；<optgroup>仅分组不可选。
-
浮动元素重叠主因是子元素宽度超父容器或父容器未清除浮动致高度坍缩；需检查盒模型尺寸、清除浮动方法及现代布局替代方案。
-
本文介绍一种符合ReactHooks规则的方案：通过将状态读取逻辑从useSelector移出、改用store.getState()在纯函数中完成状态选择，从而安全地为所有实体批量扩展方法（如update和remove），避免在循环中调用Hook的违规行为。
-
BroadcastChannel是最轻量、原生且兼容性良好的跨标签页状态同步方案，它通过主动广播机制实现同源窗口间实时通信，支持复杂数据类型，避免localStorage事件的延迟、自触发缺失及Safari私密模式失效等问题。
