-
要控制浮动元素层级，需结合position和z-index。浮动元素默认不支持z-index，必须设置position为relative、absolute等定位值才能生效。例如.box1{float:left;position:relative;z-index:2}会覆盖z-index较低的同级元素。z-index数值越大层级越高，但仅对已定位元素有效，且受父容器堆叠上下文影响（如transform、opacity会创建新上下文）。常见问题包括未设position导致z-index失效，或因父级堆叠上下文
-
应使用HTMLdata属性存储起始年份并用JS动态计算区间，避免硬编码；服务端渲染需在构建时注入年份；HTML中须保留默认版权文本以保障无JS时的可访问性与SEO。
-
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>
-
语义清晰的配送方式对比表需用<table>结构，<thead>含正确scope的<th>，运费与时效分列并明确单位与条件，窄屏改卡片布局，动态功能优先用CSS，复杂计算逻辑须解耦。
-
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驱动并对接后端；关键在于稳定获取选中项唯一标识，注意动态渲染时机、空数组校验、数据格式匹配、防重提交及用户反馈。
