-
video的error事件仅在致命加载或解码失败时触发，如404、跨域拒绝、格式不支持、文件损坏；其触发依据是video.error为非null的MediaError对象，code为1～4分别对应用户取消、网络错误、解码失败、源不可用。
-
style-loader必须在css-loader右侧，因Webpackuse数组从右向左执行：css-loader先解析CSS为JS模块，style-loader再注入到head；顺序颠倒会报错。
-
使用OneDrive同步HTML+CSS项目可行，需将项目放入OneDrive文件夹并登录同一账号实现多端同步。应采用英文命名、避免特殊字符，使用相对路径引用资源，如href="css/style.css"。推荐结构：my-website/下分设css、js、images目录。注意同步延迟、文件冲突可能产生副本，且无版本控制功能。建议配合VSCode等编辑器统一环境，手动备份重要版本，进阶用户可结合GitHub实现双重备份与版本管理。
-
使用float和margin可实现图文混排。将img设置为float:left或right使文字环绕，通过margin调整间距，避免文字贴边；为防止布局错乱，需用clear:both清除浮动，推荐使用.container::after伪类清除，确保父容器高度正常，布局稳定。
-
HTML5页面延时跳转本质是用setTimeout控制location.href赋值，需确保DOM就绪、避免沙箱拦截、处理跨协议限制、清除冗余定时器，并注意移动端用户交互要求。
-
JavaScript通过操作CSS的box-shadow/text-shadow属性或CSS变量来动态控制阴影效果，支持内联样式、类名切换、交互响应及主题适配，CSS变量可读写并自动重绘。
-
isNaN()会隐式转换类型后再判断，Number.isNaN()仅当参数为数字类型且严格等于NaN时返回true；推荐优先使用Number.isNaN()确保精确性。
-
<p>最稳妥的样式隔离方案是用data-ui属性限定作用域，配合CSSModules或框架提供的CSS变量主题机制。优先通过data-属性前缀约束选择器、避免穿透式覆盖、禁用!important，并利用构建时哈希类名或自定义属性实现天然隔离与动态主题支持。</p>
-
URLSearchParams是JavaScript原生接口，用于安全解析和构造URL查询参数；适用于读取地址栏参数、拼接带参链接或动态更新搜索条件等场景。
-
固定宽高弹窗居中推荐用transform:translate(-50%,-50%)，需配合top:50%、left:50%和定位上下文；margin负值仅适用于已知确切像素宽高的场景，易受动态内容、滚动条、box-sizing等影响，且不兼容IE8以下。
-
:nth-last-child(2)选中所有同级子元素中倒数第二个且类型完全匹配的元素，因受空白文本节点、注释、混杂标签等DOM结构影响常失效；:nth-last-of-type(2)仅按同类型元素倒数计数，更稳定。
-
HTML多选仅提供选择入口，批量操作需JS驱动并对接后端；关键在于稳定获取选中项唯一标识，注意动态渲染时机、空数组校验、数据格式匹配、防重提交及用户反馈。
-
ASP能直接输出HTML5语义标签，因其仅执行脚本并原样输出文本，不校验HTML版本；需在IIS中启用经典ASP功能、设置正确MIME类型与UTF-8编码；但因技术陈旧、维护困难，新项目应选用现代框架。
-
浮动元素外边距折叠导致间距异常，因脱离文档流使margin计算失效；应避免直接设margin，改用padding、BFC包裹或Flex/Grid布局，配合gap属性和box-sizing统一控制。
-
grid-item的box-shadow被父容器裁剪的根本原因是grid-container默认overflow:hidden且未创建新层叠上下文，导致不占布局空间的阴影被剪切；解决方法包括设overflow:visible、加padding、用transform创建新层叠上下文等。
