-
合法十六进制颜色值必须以#开头，后接3位（如#f00）或6位（如#ff0000）十六进制数字，不区分大小写；4位、7位、8位及缺#均无效。
-
用bunrun无法直接运行HTML文件，因其非可执行脚本；正确方式是用Bun编写极简HTTP服务（如serve({fetch})）或使用esbuild--servedir=.启动静态服务器。
-
HTML5details/summary可原生实现折叠菜单，CSS+JS可通过class切换控制动画，data属性支持多级菜单，CSS变量便于主题化，触摸设备需优化点击区域与防抖。
-
HTML5废弃了<font>、<center>等表现型标签及align等属性，须用CSS替代；语义标签如<section>需配标题，不可盲目替换div；DOCTYPE必须为<!DOCTYPEhtml>，编码声明用<metacharset="utf-8">且置于head最前；表单新属性需JS降级兼容。
-
使用grid-auto-rows:minmax(100px,auto)可使每行卡片最小高度为100px并随内容自动扩展，结合grid-template-columns:repeat(auto-fit,minmax(250px,1fr))实现列数自适应，gap控制间距，容器内卡片等宽分布且响应式调整；在移动端可将minmax最小值改为180px、减小gap和调整字体以优化显示效果，整体布局简洁灵活，真正实现内容驱动的响应式卡片墙。
-
window.scrollTo({top:0,left:0,behavior:'smooth'})是平滑回顶最稳方案，兼容Chrome61+、Firefox68+、Safari15.4+，需避免直接用scrollTop=0或遗漏behavior参数，注意锚点失效、监听节流及SSR/window未定义问题。
-
使用CSSGrid或Flexbox可高效实现响应式等宽列。1.Grid通过grid-template-columns:repeat(auto-fit,minmax(200px,1fr))自动均分容器，每列最小200px，剩余空间等比分配，配合gap设置间距，屏幕缩小时列自动换行并重新均宽；2.Flexbox通过display:flex;flex-wrap:wrap和flex:11200px使子项基础宽200px，可伸缩以填满容器，换行后仍保持等宽；3.可结合媒体查询如@media(max-width:60
-
display决定元素如何生成盒模型及排列方式，如block、flex等；position控制元素定位行为，如relative、absolute脱离文档流。前者管“怎么显示”，后者管“放哪儿”，常配合使用，先定结构再调位置。
-
本文详解如何对包含嵌套items数组的对象数组进行精准过滤（保留flaggedItem!==null的子项），同时保持外层结构完整，适用于真实业务中常见的多级数据清洗场景。
-
outline不是外发光，它仅为可访问性设计，不支持圆角、模糊、分方向设置；真正外发光必须用box-shadow多层叠加实现。
-
该用<wbr>而非<br>时，是在需允许浏览器在窄容器中智能折行但不强制换行的场景，如长URL、驼峰标识符、版本号等；<wbr>是无视觉副作用的语义断点，仅在必要时生效，而<br>强制换行。
-
JavaScript正则支持反向引用，用\1、\2等引用前面捕获组内容，ES2018起支持\k<name>命名引用，适用于重复词、对称结构等场景，但有空匹配、字符类禁用等限制。
-
FIMO输出的HTML不保留图层可见性，因其导出是快照式扁平渲染，不序列化图层状态；虽可手动扩展SVG+JS实现控制，但需导出前保存状态、导出后缝合，FIMO本身不提供自动支持。
-
text-stroke不是所有浏览器都支持，别直接上线用用text-stroke给文字加描边，看着很酷，但实际支持度有限：Chrome和Safari基本没问题（需-webkit-text-stroke），Firefox完全不支持，Edge从v79+开始支持标准写法但仍有兼容风险。常见错误现象：text-stroke:2pxred;在Firefox里完全没效果，控制台也不报错，容易误以为代码写错了。必须写-webkit-text-stroke才能在旧版Chrom
-
最高效的JS数组去重方法是利用Set对象，因其底层基于哈希表，平均时间复杂度为O(N)，性能最优；2.filter结合indexOf方法兼容性好但时间复杂度为O(N^2)，适合小规模数组；3.reduce结合Map同样具有O(N)时间复杂度，灵活性高，适用于需要自定义去重逻辑或处理对象数组的场景；4.对于对象数组去重，需基于唯一标识属性（如id）或组合键使用filter加Set/Map，或利用Map覆盖机制保留最后出现的元素；5.Set、filter+indexOf和reduce+Map三种方法在现代Ja
