-
<p>HTML5注释语法统一为<!--注释内容-->，移动端无特殊语法；所谓“移动端注释”是开发者约定语义，用于标注视口设置、媒体查询、触摸事件等关键适配点，需写明具体设备、系统、问题及验证结果。</p>
-
section表示有主题、带标题的独立内容单元，浏览器和辅助技术将其视为逻辑单元；div是无语义纯容器，仅用于样式或脚本挂载。
-
验证HTTPS证书有效性需三步：一、浏览器开发者工具查证书信息；二、在线SSL检测工具分析证书链与OCSP状态；三、OpenSSL命令行本地验证并提取证书详情。
-
ES6的class本质是函数和原型链的语法糖，底层仍基于原型继承；它将class编译为带内部属性的函数，extends自动设置原型链与构造函数绑定，super()确保父类初始化this，super.xxx访问父类原型方法。
-
答案：手写符合Promises/A+规范的Promise需实现状态机、then链式调用与resolvePromise递归解析；包含pending/fulfilled/rejected三种状态，通过resolve/reject函数改变状态，then方法返回新Promise并注册回调，利用queueMicrotask确保异步执行，resolvePromise处理返回值为Promise或thenable的情况，防止循环引用，同时实现catch、finally、resolve、reject等辅助方法。
-
WebRTC视频通话需先调用MediaDevices.getUserMedia()获取摄像头权限并显示本地流，再通过RTCPeerConnection建立连接、交换SDP与ICE候选者实现信令，最后绑定远程流到video元素播放；需注意HTTPS、STUN/TURN配置、autoplay/muted设置及浏览器兼容性。
-
使用Materialize框架创建浮动按钮需结合btn-floating类与图标，通过fixed-action-btn容器和position:fixed定位实现右下角悬浮效果，确保z-index避免遮挡，最终生成醒目操作按钮。
-
ID选择器优先级高于class选择器，因CSS优先级权重中ID为(0,1,0,0)、class为(0,0,1,0)，前者第二位数值更大，故优先；例如#nav{color:blue}会覆盖.nav{color:red}，体现id对单一元素的精确控制与语义重要性。
-
尾调用优化（TCO）在JavaScript规范中存在但支持有限：仅Safari的JavaScriptCore在严格模式下完全实现，V8和SpiderMonkey已放弃支持；尾调用指函数最后动作是调用另一函数且其返回值直接作为当前函数返回值。
-
使用CSSFlexbox可实现水平滚动列表，首先设置容器display:flex和flex-direction:row使子元素水平排列，再通过overflow-x:auto允许横向滚动，配合min-width与flex-shrink:0防止子项压缩，最后添加gap间距和滚动优化提升体验。
-
要让徽章在不同场景下保持视觉一致性与可读性，需遵循以下步骤：1.颜色语义化并确保对比度达标；2.使用em或rem单位统一尺寸比例；3.设置最小宽度和高度保证形状稳定；4.选用小尺寸清晰字体并限制内容长度；5.定义CSS变量统一管理样式。在复杂布局中控制徽章定位与层级的方法包括：1.使用相对定位容器+绝对定位徽章；2.设置z-index确保层级优先；3.利用Flexbox或Grid对齐元素；4.控制溢出避免破坏布局。徽章的交互与动态效果可通过以下方式实现：1.添加transition实现颜色或尺寸平滑过渡；
-
ESLint负责代码逻辑正确性检查，Prettier专注代码格式统一；二者分工明确、不可替代，需通过eslint-config-prettier关闭ESLint格式规则并交由Prettier全权处理格式，同时保留ESLint在语义层的校验能力。
-
最推荐清除浮动的方案是伪元素法（clearfix），配合display:flow-root等现代BFC触发方式；伪元素法结构干净、兼容性好，而flow-root语义清晰、无副作用，Flex/Grid则可根本规避浮动问题。
-
本文介绍如何将包含日期键和数值键值对的对象数组，高效转换为统一格式的嵌套对象数组（每个对象含date和count字段），并支持可选的扁平化处理。
-
关键CSS应内联至HTML的<head>中，仅包含首屏元素必需的最小样式集合，如导航栏、大标题、主按钮及核心卡片的基础结构样式，排除非首屏交互与响应式样式；推荐用Penthouse等工具自动提取并压缩至14KB内，配合preload加载非关键CSS，并通过DevTools和Lighthouse验证生效。
