-
JavaScript通过Ignition生成字节码并解释执行，同时收集运行时数据；TurboFan根据类型反馈将热点代码编译为优化的机器码，支持去优化以保证正确性；结合内联缓存、函数内联等技术提升性能，最终实现快速启动与高效执行的平衡。
-
min-width定义元素最小宽度，max-width定义最大宽度，二者结合媒体查询可实现响应式布局适配不同设备。
-
答案是使用上下文选择器结合类选择器可精准定位元素。通过后代选择器（空格）、子选择器（>）、兄弟选择器（+、~）等，依据DOM层级关系限定作用范围，避免样式冲突。例如，.product-list.item选中后代，.navbar>.nav-item仅选直接子元素，提升样式精确度。在复杂项目中，单一类名易导致冲突，需依赖上下文区分不同位置的相同类名。平衡特异性时，避免ID选择器，控制选择器链长度，推荐BEM命名法降低耦合。组件化开发中，组件内样式应自包含，外部通过上下文调整主题或布局，如.dark
-
通过object-fit和流式布局实现图片自适应，结合相对单位与媒体查询优化文字响应式，利用flex或grid处理图文组合，确保多设备下视觉协调与可读性。
-
首先确认文件目录结构与路径写法是否匹配，常见情况包括根目录同级引用、子目录引用和上级目录引用；接着检查HTML中link标签的href属性，确保拼写、大小写、斜杠方向正确，避免多余的“../”或误用绝对路径；然后利用浏览器开发者工具的“网络”选项卡查看CSS请求是否返回404错误，并通过“RequestURL”定位实际请求地址；最后根据项目阶段选择相对路径或绝对路径，开发时用相对路径，上线后按部署结构调整为绝对路径，结合工具验证即可解决路径引入问题。
-
SVG是基于XML的矢量图形格式，JavaScript可直接操作其DOM节点；Canvas是位图绘图API，依赖JS逐帧绘制像素。SVG为“可编程的文档”，Canvas为“可编程的画布”。
-
Flash转HTML5有五种方案：一、用AdobeAnimateCC导出HTML5Canvas；二、用Ruffle模拟器嵌入式运行SWF；三、手动重写为SVG+CSS/JS动画；四、Swiffy（已停更，仅限历史参考）；五、Lottie+Bodymovin转换AE源文件。
-
使用table、tr、td和th标签构建HTML表格，通过CSS设置边框、间距、背景色和对齐方式可提升可读性与美观度。
-
HTML5视频在标签页失焦时会被浏览器自动暂停，无法通过纯HTML或JS绕过，仅当满足“用户交互触发+静音+autoplay”或启用画中画（PiP）时才可能后台播放。
-
如何将range输入框改造为数据对比滑块？1.首先在HTML中定义基础结构：使用<inputtype="range">并设置min、max、value属性；2.通过CSS重置默认样式：使用appearance:none;清除浏览器默认渲染；3.分别定制滑轨和滑块样式：使用::-webkit-slider-runnable-track和::-moz-range-track等伪元素设定滑轨背景渐变与圆角，使用::-webkit-slider-thumb和::-moz-range-thumb设计圆形
-
适合，而且非常高效。CSS工具与框架能大幅缩短原型阶段样式开发时间，原子化工具如Tailwind支持JIT编译与内联控制，轻量框架如Bulma兼顾结构与可控性，慎用Bootstrap等全功能框架以免干扰交互意图，选型关键在于“多好删”。
-
元素设置边框后高度变高是因为默认box-sizing为content-box，此时border和padding会额外增加尺寸；将box-sizing设为border-box可使宽高包含内容、内边距和边框，避免撑大；推荐全局设置*{box-sizing:border-box}以统一布局行为。
-
使用repeat、minmax()、auto-fill和auto-fit可创建自适应CSSGrid布局。通过grid-template-columns:repeat(4,minmax(200px,1fr))实现四列弹性布局，每列最小200px、最大占1份空间；采用auto-fill时，容器宽度允许下尽可能生成不少于200px的列，可能留空轨道；而auto-fit会收缩空轨道，使现有列拉伸以填满容器。两者结合minmax()与1fr，能在不同屏幕尺寸下自动调整列数与宽度，适用于卡片、图库等响应式场景，减少媒
-
SourceMap是用于将压缩/编译后代码映射回原始源码的JSON文件，核心字段包括sources、names和Base64VLQ编码的mappings；由Webpack、TSC等工具生成，通过sourceMappingURL注释启用，调试时提升可读性但需注意上线安全。
-
JavaScript拖放功能依赖原生DragandDropAPI，需设置draggable="true"、在dragstart中用setData存数据、在dragover中preventDefault以启用drop、在drop中用getData取数据并处理；移动端不支持，需降级方案。
