-
prefetch资源缓存在浏览器网络栈临时托管区，非独立缓存类型；其是否进入disk/memorycache取决于服务端响应头（如Cache-Control），而非prefetch标签本身。
-
最稳纯CSS打字光标方案是用::after伪元素模拟竖线并配合opacity动画实现闪烁，而非依赖caret-color或操作文本内容。
-
JavaScript正则表达式可通过字面量（/pattern/flags）或构造函数（newRegExp('pattern','flags')）创建，常用标志有g、i、m、s；核心元字符如\d、\w、+、*、?及分组（）、(?:…)、(?<name>…)提升匹配精度；高频操作包括验证、提取、替换、分割；需注意lastIndex状态、中文需u标志、避免用正则解析嵌套结构。
-
正则表达式在JavaScript中用于高效处理文本匹配与解析，关键在于合理设计模式以提升性能和可维护性。应明确边界锚定、避免过度使用贪婪匹配，采用命名捕获组增强可读性；为优化性能，需减少回溯风险，避免灾难性回溯，可通过预编译正则、先做简单判断等方式实现；面对结构化文本如CSV或HTML，宜分步解析，结合split()、replace()等方法，而非依赖单一复杂正则；利用replace配合函数替换可边匹配边构建数据结构，适用于伪对象解析等场景；最终应保持正则清晰、测试边界，避免过度复杂化导致维护困难。
-
必须同时设置body{margin:0;min-height:100vh;background-color:#101a2c}和html{height:100%}，否则背景仅覆盖内容区域；canvas需设为block并宽高100vw/vh，避免background简写清空颜色；深色模式应通过data-theme+JS控制而非仅依赖prefers-color-scheme。
-
系统性掌握HTML5需五策并举：一、构建含语义化、多媒体、API等模块的知识图谱；二、以项目逆向拆解培养技术直觉；三、每日代码实验强化运行时认知；四、用DevTools验证语义结构与无障碍属性；五、复现W3C案例厘清规范细节。
-
必须将自定义keyframes写在theme.extend.keyframes下，值为对象，键用'0%''100%'或'from''to'，属性须为合法CSS声明（如transform:'translateX(0)'，不可单独写translateX）；再于theme.extend.animation中绑定为工具类，格式为'name':'keyframes-namedurationtiming-function'，类名使用时需配合animate-name，并确保元素初始可见或结合animate-in触发。
-
background-clip:padding-box未生效是因为缺少可视边框或border-radius；它仅控制背景绘制范围，需同时设置border-radius和非透明边框（如1pxsolidtransparent）才起作用。
-
用text-decoration:none显式覆盖a元素及其伪类（:link、:visited、:hover、:active、:focus），按LVHA顺序声明，避免父容器设置或遗漏状态导致下划线残留。
-
JavaScript的try...catch仅捕获同步执行异常，不处理异步错误、语法错误、资源加载失败及Promise拒绝；需在调用处包裹且await异步操作，catch参数应命名避免覆盖Error，finally中避免return或throw。
-
<p>必须用时间戳计算天数差再分组：Math.floor((Date.now()-notifyTime)/86400000)得整数天差，按0/1/≥2分为today/yesterday/older；统一后端返回ISO或毫秒时间戳，渲染时先分组再遍历keys避免标题重复。</p>
-
用语义化<ol>或<ul>搭建时间线结构，<li>包裹含<time>、<h3>、<p>的卡片，伪元素::before绘制连线与圆点，统一用margin-block-start控制间距，确保可访问性与响应式。
-
linear-gradient只能作为background-image的值，不能用于background-color；必须用to方向或标准角度（注意0deg指向上），单位不可省略，旧浏览器需-webkit前缀。
-
align-content控制多行flex容器中各行在交叉轴上的分布，仅当flex-wrap:wrap且交叉轴有剩余空间时生效；align-items才控制每行内子项的交叉轴对齐。
-
因为浏览器用ShadowDOM封装range控件，height/background仅作用于外壳；必须设appearance:none并用各内核专属伪元素（如::-webkit-slider-thumb、::-moz-range-thumb）才能样式化内部轨道和滑块。
