-
HTML5音视频兼容关键在于编码格式而非扩展名：视频用H.264（Main/HighProfile，Level≤4.0），音频用AAC-LC（44.1/48kHz，双声道），容器优先.mp4；type属性须精确声明codecs，<source>按兼容性降序排列；FFmpeg必加-pix_fmtyuv420p、-profile:vmain、-level3.1、-movflags+faststart；自动播放需用户手势触发且静音。
-
首先确认文件编码为UTF-8，使用记事本或代码编辑器另存为UTF-8格式；其次检查默认打开程序，右键文件选择“打开方式”，指定浏览器并勾选始终使用；接着验证HTML结构完整性，确保包含<!DOCTYPEhtml>、<html>、<head>、<body>等基本标签且正确闭合，同时添加<metacharset="UTF-8">声明；然后通过浏览器手动打开，输入file://加文件路径测试加载；最后排查隐藏扩展名问题，启用显示扩展
-
CSS选择器用于选中HTML元素并应用样式，包括：1.元素选择器通过标签名选元素；2.类选择器用.选class属性；3.ID选择器用#选唯一id；4.属性选择器根据属性或值选元素；5.后代选择器用空格选内部后代；6.子元素选择器用>选直接子元素；7.相邻兄弟选择器用+选紧接的下一个兄弟；8.通用兄弟选择器用~选之后所有同级元素；9.伪类选择器选特定状态或位置；10.伪元素选择器选虚拟部分如::before和::after；11.通配符选择器*选所有元素。掌握这些可满足多数样式需求。
-
JavaScript的Docker是用容器打包运行Node.js应用，通过Dockerfile构建镜像实现环境一致、启动快、隔离安全、部署标准化；需正确编写Dockerfile、.dockerignore和docker-compose.yml，并执行build与run命令。
-
不推荐直接使用u标签加下划线，因为它在HTML5中已被赋予语义化用途，表示拼写错误或专有名词等非文本注释，而非视觉样式；2.推荐使用CSS的text-decoration属性来实现下划线效果，可灵活控制颜色、样式、粗细和动画；3.若需自定义下划线外观或交互效果，应通过CSS伪元素或背景渐变实现，以保持HTML结构与样式的分离，提升可维护性和设计自由度。
-
type="number"无法实时阻止非法输入，仅提供数字键盘和基础解析；真正限制需用input事件+正则过滤并维护光标位置，且服务端必须二次校验。
-
答案：WebSocket基于TCP但应用层需额外机制确保可靠性。通过心跳保活、自动重连、消息确认与重发、唯一消息ID、幂等处理等手段，解决网络波动或服务重启导致的消息未达或重复问题。
-
直接设置input/textarea的value属性最可靠，DOM就绪后赋值即可；勿用innerHTML或setAttribute('value')；动态插入需确保已挂载；表单重置会恢复HTML初始值而非JS所设值。
-
最推荐使用reduce()方法计算数组元素的和，因为它简洁、符合函数式编程理念且可读性强；1.使用reduce()可以通过累加器和当前值将数组归约为单一总和，初始值确保空数组返回0；2.传统for循环适用于性能敏感或需复杂控制的场景；3.forEach()需配合外部变量累加，适合简单遍历；4.处理非数字元素时，应通过类型检查、数据清洗或安全转换（如Number.isFinite或+val||0）避免NaN或字符串拼接问题，确保求和结果正确。
-
在CSS中实现数据卡片堆叠的核心方法是使用position属性与z-index属性配合。1.首先为父容器设置position:relative，创建定位上下文；2.为每张卡片设置position:absolute，使其脱离文档流并允许自由定位；3.通过设定不同z-index值控制堆叠顺序，数值越大越靠前；4.使用top和left属性错开卡片位置形成视觉层次；5.当遇到z-index不生效时，需检查元素是否处于同一层叠上下文，并确保设置了非static的position属性；6.可通过CSStransiti
-
img加width:100%不生效因它是行内元素且依赖父容器可计算宽度；object-fit:contain留白全显，cover裁边填满；background-image影响SEO；srcset/sizes控制资源加载，三者缺一不可。
-
JavaScript正则支持反向引用，用\1、\2等引用前面捕获组内容，ES2018起支持\k<name>命名引用，适用于重复词、对称结构等场景，但有空匹配、字符类禁用等限制。
-
最稳妥解法是用高质量响应式poster图替代背景视频。通过三层媒体查询适配不同屏幕，以background-image加载并控制缩放定位，确保视觉连贯性；移除video标签避免兼容问题，必要时用picture实现源切换。
-
Bulma卡片组件通过语义化结构和响应式布局实现内容展示，结合自定义CSS优化间距、悬停效果及多端适配，提升视觉吸引力与用户体验。
-
纯边框网格的本质是用grid-gap配合透明背景和单向border“抠”出线条效果：gap设为所需线宽，容器设背景色作画布，border统一方向（如right/bottom），禁用background/padding防遮盖或撑开。
