-
嵌套表格PDF转换出错的根本原因是渲染引擎对table-layout:auto和colspan/rowspan的计算逻辑与浏览器不一致；稳定方案需强制table-layout:fixed、显式设置各层宽度、避免height/min-height，并用JS动态分页或结构重构。
-
使用Animate.css可快速实现CSS淡入淡出动画。1.通过CDN或npm引入库；2.为元素添加animate__animated和animate__fadeIn实现淡入；3.使用animate__fadeOut实现淡出；4.结合JavaScript动态控制动画触发，监听animationend事件避免重复触发，适用于快速开发场景。
-
HTML手风琴菜单可用原生details和summary元素实现，语义清晰、可访问性好、无需JS即可折叠展开；需注意summary必须为details首个子元素、用open属性控制默认展开、通过max-height+transition模拟动画，互斥效果须JS监听toggle事件实现。
-
浏览器需加type="module"且import路径须为相对/绝对/完整URL；Node需.mjs或"type":"module"；default与namedexport导入方式不同；import()返回Promise，支持动态路径但需手动处理URL。
-
直接在浏览器运行HTML文件只需双击或拖拽到浏览器即可；还可通过浏览器“打开文件”功能加载，确保文件编码为UTF-8并检查资源路径；推荐使用LiveServer或Python启动本地服务器预览以支持AJAX等需服务端的功能。
-
掌握正则高级技巧可显著提升JavaScript性能。1.使用非捕获组(?:...)避免不必要的捕获开销；2.避免嵌套量词导致的灾难性回溯，改用具体字符类和简化模式；3.预编译正则表达式并复用实例以减少解析负担；4.利用先行断言(?=...)等零宽断言提高匹配精度而不影响位置。
-
绝对定位元素在Grid布局中仍生效，但需依赖定位上下文。当Grid容器设置position:relative后，其内部absolute元素可相对容器定位；Grid项目设为absolute会脱离网格轨道，不再受grid-column/row控制，可通过top、right等精确定位。典型应用如模态框或悬浮按钮叠加在Grid区域，实现视觉对齐时可结合calc()与transform微调，响应式下需注意百分比变化。核心原则：Grid构建结构，absolute处理局部覆盖，关键在于创建合适的定位上下文。
-
let和const替代var是最值得立刻改写的改动，它们修正了var的变量提升、函数作用域模糊和重复声明等根本缺陷，强制块级作用域并消除静默bug。
-
首先通过HTML5video标签和JavaScript实现视频播放控制，具体包括：1.使用play()和pause()方法实现播放暂停；2.通过currentTime属性同步进度条并支持拖动跳转；3.利用volume属性调节音量；4.调用FullscreenAPI实现全屏功能，需由用户点击触发。
-
iOS上DeviceOrientation不准的主因是未开启“MotionCalibration&Distance”系统服务，而非陀螺仪硬件故障；该服务默认常关闭，需手动启用，并配合平放静止、缓慢旋转等动作诱导系统重融合，且CIT校准后须重启Safari才生效。
-
JavaScript的class是原型机制的语法糖，本质仍基于prototype；它不可提升、方法不可枚举，继承需super()初始化this并确保__proto__链正确，new操作符遵循四步流程，误用会破坏原型链。
-
align-content用于多行Flex布局中控制各行整体在交叉轴上的对齐方式，仅当flex-wrap为wrap/wrap-reverse且实际换行、容器有明确高度时生效；它不作用于单个子项，与align-items职责分明。
-
HTML表格通过table、tr、td/th标签构建基本结构，支持边框设置、单元格合并及嵌套布局；其中th用于表头，rowspan/colspan实现跨行跨列，HTML5推荐用CSS替代废弃的border等属性。
-
在JavaScript中，要让自定义对象可迭代，核心在于实现Symbol.iterator方法并返回一个符合协议的迭代器；1.在对象上定义Symbol.iterator方法；2.该方法返回一个包含next()的迭代器对象；3.next()每次调用返回{value,done}；4.可使用生成器函数简化实现；5.Symbol.iterator使对象兼容for...of、扩展运算符等内置机制；6.手动实现需管理状态和结构，易出错；7.常见错误包括未正确返回迭代器、done状态不准确、this上下文问题及迭代器不
-
价格卡片应使用语义化标签：section包裹，h3标明套餐名，价格数字用span或strong加aria-label，周期文本用aria-hidden隐藏；等高布局首选flex；价格需Intl.NumberFormat本地化；角标须加aria-hidden；交互元素必有焦点样式。
