-
HTML5video元素不支持帧插图，需用canvas叠加实现：先确保video.readyState≥2，再用drawImage将视频帧渲染到canvas，最后在其上绘制图片；永久嵌入须用FFmpeg等服务端处理。
-
line-height调整行框高度最有效，推荐用无单位数值（如1.5），中文正文宜1.5–1.8，移动端可增至1.6–2.0；继承时无单位值更合理，内联元素宜设父容器line-height。
-
D3.js通过绑定数据到DOM元素实现网页数据可视化。首先引入库文件，使用d3.select()选择元素并绑定数据，结合.enter()生成对应元素；接着创建SVG容器绘制图形，如矩形柱状图；再利用d3.scaleLinear()定义比例尺将数据映射为像素坐标，并用d3.axisBottom()添加坐标轴，完成基础图表绘制。
-
直接用li:last-child:hover可精准匹配并样式化最后一个列表项，但需确保其为父元素的最后一个子节点；若存在其他类型节点，则改用li:last-of-type:hover更可靠。
-
使用:lang伪类和[class]属性选择器可精准控制多语言样式，如不同语言设置特定字体、颜色及排版，结合lang属性与class实现高效、兼容的多语言页面样式管理。
-
HTML5页面自适应屏幕需综合运用五种技术：一、viewport元标签控制视口；二、用em/rem/%/vw/vh等相对单位替代px；三、CSS媒体查询实现多断点适配；四、Flexbox实现一维弹性布局；五、CSSGrid构建二维流体网格。
-
class是构造函数的语法糖，本质基于原型链和new调用；两者行为等价但class不可枚举、不提升、强制new调用；继承推荐class，简单工厂用构造函数更灵活；兼容性和维护性比语法选择更重要。
-
使用||设置默认值，如constusername=inputName||'匿名用户'；2.利用&&安全访问属性，如user&&console.log(user.name)；3.条件执行函数，如isValid&&saveData()；4.注意副作用仅在条件满足时触发，如debugMode&&console.log('调试信息')。合理使用可提升代码简洁性与性能。
-
:not()本身不隐藏元素，需配合display:none等样式；常见误用是用它做排除式可见性控制，正确做法是先全局隐藏再显式显示目标元素。
-
<p>JavaScript数组排序需掌握核心算法以应对自定义逻辑与性能优化。内置sort()方法默认按字符串排序，数字排序需传入比较函数(a,b)=>a-b实现升序或b-a降序。冒泡排序通过相邻元素交换实现O(n²)时间复杂度，适合理解基础原理；选择排序每次选取最小值插入，交换次数较少但同样为O(n²)；快速排序采用分治法，以基准值分割数组并递归，平均性能O(nlogn)，效率较高。实际开发中应优先使用内置sort()，其在大量数据时性能更优，仅在特殊需求下手动实现。处理对象数组可按字段
-
应避免循环中反复查询DOM，优先用document.querySelectorAll批量获取后处理；遍历子节点时用children而非childNodes；事件委托推荐用closest+matches。
-
优先推荐CSSGrid方案，因其能按行列严格对齐、避免浮动塌陷；次选固定容器+object-fit实现图片等比缩放；float仅作兼容补救，需清除浮动并设min-height和vertical-align。
-
答案：通过控制CSS引入顺序、提升选择器特异性、规范命名和使用模块化方案可解决样式覆盖问题。具体包括：基础样式优先引入，定制样式后置；利用嵌套或类组合提高优先级；采用BEM等命名规范避免全局冲突；结合Sass、CSSModules和构建工具实现样式隔离与去重，确保样式逻辑清晰、作用域明确。
-
使用LiveServer扩展可实现在浏览器中实时预览HTML文件，安装后右键选择“OpenwithLiveServer”即可自动打开页面并支持热重载。
-
JSON.parse()和JSON.stringify()本身很快，但高频或大数据量时因内存分配、GC压力及主线程阻塞会导致明显卡顿；10KB以下无感，1–5MB阻塞20–100ms，超10MB易触发长任务。
