-
HWB颜色模式是CSSColorModuleLevel4引入的新特性，语法为hwb(色相白度黑度/透明度)，通过调节色相、添加白黑成分直观调色，语义清晰，适合设计柔和色彩，相比HSL更接近传统绘画调色方式，主流浏览器已逐步支持，推荐配合RGB等回退方案使用。282 收藏 -
$grid-columns默认为12是兼顾整除性与实用性的折中选择：可被1、2、3、4、6、12整除，支持span3/4/6等常见等分；8栏无法三等分，24栏导致类名冗长、CSS膨胀。282 收藏 -
fixed导航栏遮挡锚点内容是因浏览器将目标元素顶部对齐视口顶部，而scroll-padding-top（设于html）可精准偏移滚动终点，仅影响滚动逻辑不破坏布局，Chrome89+/Firefox90+/Safari15.4+原生支持。282 收藏 -
JS动态改样式卡顿的根源是强制同步布局、无效图层提升及重绘未GPU加速；Performance面板中Layout/Paint/CompositeLayers异常、Rendering面板层边框缺失或红色闪烁、Styles面板Compositedlayer为false均指向具体优化点。282 收藏 -
虚拟滚动通过只渲染可视区和缓冲区元素来提升长列表性能，利用占位器维持滚动高度，滚动时动态更新元素位置与内容，核心是计算可视区域的起始索引并复用DOM，结合requestAnimationFrame优化渲染。282 收藏 -
overflow:hidden通过触发BFC使父ul重新包裹浮动子项、恢复高度计算和对齐基准，是兼容性最好（IE6+）的轻量方案；但需避免与float/position冲突，并注意IE8截断问题。282 收藏 -
Astro不支持直接将HTML字符串（如<Headertext="..."/>）解析为可执行组件，但可通过结构化数据+动态导入映射的方式安全、高效地实现CMS驱动的组件动态渲染。281 收藏 -
需用纯文本编辑器（如VSCode）新建文件，输入标准HTML结构代码，保存为UTF-8编码的.html文件（如index.html），再用浏览器打开验证效果。281 收藏 -
prefetch不适合硬写在HTML中，因会浪费流量、不可控且Safari/iOS支持差；应采用行为触发（如hover）、动态注入link标签、结合网络条件兜底的方案。281 收藏 -
JavaScript对象解构重命名的正确写法是原属性名:新变量名，如const{name:userName}=obj；冒号左为字面量键名，右为合法标识符；可结合默认值写作原名:新名=默认值；嵌套时重命名仅作用于当前层级。281 收藏 -
适合，但需满足日志已缓存、压缩不阻塞主线程、上报失败可重试；它仅在浏览器空闲时低优先级执行，不保证调用，且不创建新线程。281 收藏 -
event.relatedTarget是鼠标边界事件中指向相邻节点的只读属性：mouseover时为离开的元素，mouseout/mouseleave时为将进入的元素，mouseenter时为离开的元素；非边界事件中为null。281 收藏 -
正确做法是将REM基准值定义为无单位SCSS变量（如$font-scale:16），在:root中转为px，并用rem-calc()函数统一计算rem值，避免硬编码和JS动态设置冲突。281 收藏 -
使用::first-line伪元素可对块级元素的第一行文本设置样式，如颜色、字体等，仅适用于块级元素且支持有限CSS属性，与选择首个子元素的:first-child不同。281 收藏 -
HTML语义化不直接提升排名，但通过<header>、<main>、<article>等标签帮助搜索引擎精准识别内容结构与权重，从而影响排名；标题层级、图文语义组合及首屏静态语义完整性是关键。281 收藏
