-
在HTML表单中为重置按钮添加确认提示，可以通过结合HTML和JavaScript实现。1)使用onclick事件和confirm函数直接在重置按钮上添加确认提示；2)将JavaScript逻辑从HTML中分离，提高代码可维护性；3)使用自定义模态框替代标准confirm对话框，增强用户体验；4)添加ARIA属性，确保无障碍访问。
-
直接用PerformanceObserver监听"first-input"是唯一准确获取真实FID的方式；FID（entry.duration）量化主线程卡顿程度，即用户操作到浏览器开始处理间的阻塞时长。
-
data是<object>元素的必需属性，用于指定嵌入资源的URL，是浏览器加载内容的唯一数据源；它不支持src替代，必须配合type和fallback使用以确保兼容性。
-
BEM通过单一顶层类名和显式子元素类名（如card__title）切断CSS对DOM结构的依赖，避免样式污染与定位漂移；禁止深层嵌套、伪类驱动状态及语义类名复用，强调类名即结构契约。
-
<p>标签是HTML中语义正确、无障碍友好、浏览器原生支持的唯一段落标记，禁止嵌套块级元素，不可用于地址/标语等非自然语言内容，需注意margin折叠与移动端换行问题。
-
flex-direction:column-reverse将子元素按从下到上顺序排列，视觉垂直翻转；需配合display:flex和足够高度使用，影响焦点顺序、屏幕阅读器及伪类匹配，适用于聊天消息等倒序场景。
-
JavaScript任务调度依赖事件循环机制，通过setTimeout、setInterval、requestAnimationFrame、WebWorkers及自定义队列等手段控制任务执行。事件循环管理宏任务（如setTimeout）与微任务（如Promise）的执行顺序，确保异步操作按规则运行。宏任务在每次循环中取一个执行，期间清空微任务队列，导致即使延迟为0的setTimeout也会滞后于同步代码和微任务。为实现并发控制，可构建TaskQueue类，限制同时运行的任务数量，避免资源过载。该类通过维护
-
display:inline-flex使容器为行内级元素且子项按Flex布局排列；它不因HTML空白产生间隙，支持justify-content/align-items精确控制，而inline-block会受空白节点影响且仅能靠text-align或margin模拟对齐。
-
HTML5中绘制直线分隔内容块有五种方法：一、用<hr>标签语义化分隔；二、用CSSborder属性在块级元素上绘制；三、用伪元素::before/::after添加装饰线；四、用SVG<line>实现精确坐标控制；五、用linear-gradient背景创建多样式线条。
-
本文详解如何利用useRef和scrollWidth/clientWidth精确判断水平可滚动容器的滚动边界，动态控制左右导航按钮的禁用状态，确保用户体验一致且逻辑健壮。
-
本文介绍如何修改JavaScript汇总逻辑，使countTotal()函数仅对display:none状态之外的<tr>（行）和<td>/<th>（单元格）参与求和，从而确保员工/流程过滤后行列总计结果始终准确反映当前可见数据。
-
WebRTC通过getUserMedia获取音视频流，RTCPeerConnection建立P2P连接，RTCDataChannel传输数据，结合信令服务器交换SDP与ICE信息，实现浏览器间实时通信。
-
FTP上传HTML5网页后页面空白或404，主因是路径错误、大小写敏感、默认文档缺失或目录权限问题，而非HTML5不兼容；需检查相对路径、Linux大小写、index.html存在性、PASV模式及755/644权限设置。
-
动态修改对象原型的方法是Object.setPrototypeOf()，它能直接改变对象的[[Prototype]]；2.但该操作会导致性能下降，因破坏JavaScript引擎的隐藏类优化；3.同时降低代码可读性与维护性，使原型链变得不可预测；4.还可能破坏instanceof等基于原型的判断逻辑；5.推荐做法是在创建对象时确定原型，如使用Object.create()指定原型；6.或通过构造函数、ES6类在实例化时建立原型关系；7.更优设计是采用“组合优于继承”原则，通过对象引用实现功能复用；8.唯一可
-
BroadcastChannel不能传输MessagePort，因结构化克隆算法禁止复制有状态端点，必抛DATA_CLONE_ERR；正确方案是用广播触发信号，再通过独立MessagePort或SharedWorker转移任务数据。
