-
答案：通过Flexbox布局、媒体查询和JavaScript交互实现响应式导航栏，桌面端水平排列，移动端隐藏菜单并显示汉堡图标，点击可切换垂直菜单显隐状态。
-
setInterval是JavaScript中用于重复执行函数的定时器函数，其基本语法为setInterval(callback,delay,[arg1,arg2,...])，callback为要重复执行的函数，delay为间隔时间（毫秒），可选参数会传递给callback；它返回一个唯一ID，需通过clearInterval(intervalID)手动清除，否则可能导致内存泄漏；与setTimeout不同，setInterval适用于需要重复执行的任务，而setTimeout更适合单次执行或精确控制执行
-
Promise.any返回首个成功结果，全失败才以AggregateError拒绝；Promise.race则谁先完成（无论成败）即结束，首个失败即整体失败。
-
content-box是什么？就是浏览器“默认怎么算宽高”当你没写box-sizing，浏览器就用content-box——这不是某种特殊模式，而是CSS的原始设定。它意味着：你写的width:200px，只管内容区那块空白，不管padding和border。哪怕加了padding:10px和border:3px，元素在页面上实际占的宽度还是：200+10×2+3×2=226px。为什么content-box容易导致布局错乱？常见错误现象：设了
-
标准HTML文档开头必须为<!DOCTYPEhtml>、<htmllang="zh-CN">、<head><metacharset="UTF-8"><title>页面标题</title></head>、<body>。
-
JavaScript表单验证核心是提交前快速反馈错误以提升体验，但不可替代后端校验；需结合原生API、解耦规则、无障碍支持及前后端协同。
-
为HTML表格添加斑马纹效果最直接且推荐的方式是使用CSS的:nth-child()伪类选择器。1.通过选中表格中的偶数行或奇数行，2.为其应用不同的背景颜色以实现视觉交替效果，3.可结合:hover伪类增强交互性，4.使用CSS变量提升维护效率，5.注意选择器特异性、动态内容更新、嵌套表格及可访问性问题以避免常见“坑”。该效果不仅提升美观度，更显著提高了数据阅读效率和用户体验。
-
<a>标签原生不支持alt属性，仅title是合法且被广泛支持的全局属性；alt仅适用于图文类替换内容元素（如<img>、<area>、<inputtype="image">），在链接中使用alt属于无效HTML，将被浏览器忽略或导致验证失败。
-
H5页面无原创筛选按钮，因微博未在Web端开放该功能，仅客户端支持；原创判定唯一依据是接口返回的is_original字段值为1。
-
word-break和overflow-wrap触发条件不同：前者暴力拆词，后者礼貌换行；中文场景推荐overflow-wrap:break-word+word-break:keep-all。
-
定义@keyframes设置border-color渐变，再通过animation应用到按钮，可实现边框颜色平滑循环变化，结合:hover可控制悬停时触发动画，需确保初始边框样式与动画起点一致以避免跳帧。
-
伪元素::before和::after必须设置content属性才能渲染，否则不显示；content值不能为normal，需为""、字符串或attr()等有效值；宿主元素不能是替换元素或display:none；还需检查样式覆盖、visibility、z-index及overflow影响。
-
伪元素不能递增计数器，必须在真实元素上用counter-increment触发，再通过counter()或counters()在::before/::after中显示；多级编号需用counters(name,".")拼接路径。
-
应显式声明需过渡的属性而非使用transition:all；用class切换替代内联样式修改；避免对不支持过渡的属性（如display）直接设动画；按属性特性差异化设置duration与timing-function。
-
在HBuilder中运行HTML文件需先创建或打开文件并保存，然后通过右键菜单、快捷键Ctrl+R或工具栏运行，最后选择默认浏览器预览页面效果。
