-
<picture>必须包含末尾的<img>且带src属性，否则图片不显示；浏览器按顺序匹配<source>的type和media，最后回退到<img>的src作为fallback。
-
HTML5常用标签可通过五种方法高效记忆：一、语义化分组归类法；二、词根联想记忆法；三、结构树形图谱法；四、高频场景替换法；五、代码片段速查卡片法。
-
JavaScript正则表达式是匹配、查找、替换文本模式的工具，支持字面量（/abc/）和构造函数（newRegExp("abc")）两种创建方式，提供match、test、replace、split等方法及g/i/m修饰符和\d、\w、.等元字符。
-
<picture>+<sourcetype="image/webp">是唯一可靠写法，因浏览器在HTML解析阶段依type属性协商格式，现代浏览器支持时加载WebP并跳过<img>兜底，旧版IE/Safari则忽略<source>直接使用<img>降级。
-
box-sizing属性值有content-box和border-box两种（inherit基本不用）：content-box下width/height仅指内容区，总宽=width+padding+border；border-box下width/height包含padding和border，内容区自动收缩。
-
正确做法是将详情行作为独立<tr>插入主行下方，用class控制显隐，确保同属一个<tbody>；需动态计算colspan、用JS管理状态、避免CSS:has()、封装组件保证DOM顺序，并注意第三方表格库的兼容限制。
-
JavaScript轻量图表库核心是数据映射+图形渲染：Canvas适合高频重绘（如实时折线图），需手动坐标转换和clearRect重绘；SVG适合交互丰富图表，基于DOM节点，支持事件、viewBox缩放和无障碍属性。
-
Array.prototype.findLastIndex是同步方法，需先异步加载配置数据（如fetchConfigs），再在已排序的数组中按优先级规则（如环境＞租户＞全局）反向查找首个匹配项；关键在于保证数据就绪与顺序正确，而非让findLastIndex异步化。
-
结论：meta标签本身不决定排名，但它是搜索引擎理解页面“说什么、给谁看、怎么用”的第一手依据；漏掉关键meta或写错格式，等于主动屏蔽自己被正确索引的可能。真正影响国内搜索引擎抓取和展示的是description、charset、viewport三个标签，keywords已失效，description需控制在150–155字符内且前20字含核心关键词。
-
this指向完全取决于函数如何被调用：普通调用时非严格模式指向全局对象、严格模式为undefined；对象方法调用时指向点号左边的对象；new调用时指向新实例；call/apply/bind可显式绑定且优先级最高；箭头函数不绑定this，沿作用域链查找。
-
overflow属性是浏览器对溢出内容的裁剪与滚动策略声明，不改变内容本身；hidden会裁剪绝对定位子元素，clip更安全；x/y轴不可混用visible与scroll；auto按需显示滚动条，scroll始终预留空间；text-overflow:ellipsis需white-space:nowrap和overflow:hidden共同作用。
-
答案：JavaScript中定义Boolean类型主要有四种方式。1.直接赋值布尔字面量，如letisActive=true；2.使用Boolean()构造函数转换值类型；3.通过!!运算符将任意值转为对应布尔值；4.避免使用newBoolean()创建对象，因其返回对象且始终为true，易导致逻辑错误，推荐直接使用true或false赋值以确保安全清晰。
-
移动端position:sticky不生效主因是父容器限制或浏览器兼容性问题：iOSSafari15.4+才完整支持overflow非visible祖先内的sticky；AndroidChrome中transform/will-change/filter会禁用sticky；需避免父级overflow:hidden/auto/scroll及硬件加速属性，优先用top:0并配合height/滚动上下文，小屏降级fixed+JS动态适配。
-
width动画常失效，因auto或%等非确定值无法插值；须用px/em/rem等明确单位作起始值，transition写在默认状态，避免与flex混用；推荐max-width或flex方案更稳定。
-
首先确保HTML文件正确保存为.html后缀并使用UTF-8编码，然后通过浏览器打开文件或本地服务器运行，同时检查代码结构完整性，最后利用开发者工具排查渲染问题。
