-
HTML5<dialog>标签默认隐藏且需JavaScript控制：show()非模态，showModal()模态并支持::backdrop（Chrome/Edge111+、Safari17.4+），Firefox不渲染遮罩；必须监听close事件统一处理关闭逻辑，表单提交会自动关闭，建议用JS控制流程以保障兼容性。
-
counter()函数用于CSS中实现自动编号，需配合counter-reset和counter-increment使用，常用于标题、列表等场景；其语法为counter(name,style)，支持decimal、lower-roman等样式，并可通过counters()实现嵌套编号如“1.2.3”，提升文档类页面的样式灵活性。
-
HTML中显示多个空格应使用 （不换行空格），因其不会被浏览器合并；其他空格字符如 、 、 宽度不同；正则清理需显式包含\u00A0等Unicode空白符。
-
HTML标签分为三类：1.结构标签，如<html>、<head>、<body>，定义网页基本框架；2.内容标签，如<h1>、<p>、<img>、<a>，用于显示实际内容；3.格式化标签，如<b>、<i>、<u>、<pre>，控制内容外观和排版。
-
实现HTML表单的多标签页同步，核心是利用localStorage持久化数据并结合BroadcastChannelAPI实现跨标签页实时通信，当用户在一处修改表单数据时，其他标签页通过监听消息即时更新对应字段，同时避免循环更新和事件风暴；表单提交后需清除本地数据并通过广播通知其他标签页同步清除；面对竞态条件、数据一致性及用户体验挑战，可通过加锁机制、版本号控制、节流防抖优化，并在必要时提供冲突提示；除BroadcastChannel外，postMessage适用于跨域或精确窗口通信，SharedWorke
-
var声明变量名提升但赋值不提升，let/const仅声明提升且存在暂时性死区（TDZ），函数声明完全提升而函数表达式仅变量名提升；三者语义不同，需依声明方式判断访问行为。
-
WebXR是W3C标准的JavaScriptAPI，用于在网页中创建沉浸式VR/AR体验，取代已废弃的WebVR；它支持设备检测、双目渲染、6DoF头部追踪、手柄输入及参考空间管理，现代浏览器普遍支持但需用户授权。
-
通过CSS:checked伪类可实现自定义复选框样式，适用于checkbox和radio类型。首先隐藏原生input，常用opacity:0保留可操作性；接着用label模拟控件外观，设置宽高、边框、背景等视觉属性；利用:checked+label选择器在选中时改变样式，如背景色和边框颜色；可通过::after伪元素添加对勾符号增强视觉反馈，content为'✓'并定位居中。关键点包括正确关联label的for属性与input的id，确保交互正常。此方法脱离默认浏览器样式，提升界面美观与一致性。
-
WebSocket实现全双工通信，解决HTTP轮询效率低的问题，适用于实时场景；通过JavaScript的WebSocketAPI和Node.js的ws库可快速搭建双向通信，需注意连接管理、心跳、重连、安全及消息格式，提升应用实时性与用户体验。
-
深拷贝在JavaScript中可以通过多种方法实现，每种方法有其优缺点：1.使用JSON.parse和JSON.stringify简单但无法处理循环引用和特殊类型。2.手动编写深拷贝函数可以处理对象和数组，但需优化以支持特殊类型。3.使用Lodash的_.cloneDeep方法可靠但增加项目依赖。选择方法需根据具体需求。
-
JavaScript中复制文本到剪贴板最现代且推荐的方式是使用navigator.clipboard.writeText()，它基于Promise、异步执行、不阻塞主线程，且需在用户手势触发的上下文中调用以满足安全策略；2.为兼容老旧浏览器可降级使用document.execCommand('copy')，但该方法已被弃用，需创建临时textarea元素并手动选中内容，操作繁琐且存在兼容性和安全性问题；3.复制功能失灵的主要原因包括：未在用户操作事件中调用（如点击）、非安全上下文（HTTP环境）、浏览器兼
-
HSL偏色主因是s/l极端值在广色域设备映射异常及旧浏览器解析缺陷；RGB需规避非法值、色域外输入与浮点兼容性问题；检测跨色域应优先用ChromeDevTools色域标签或sRGB强制预览。
-
网页打字机效果可通过四种方法实现：一、CSS@keyframes配合steps()实现静态逐字显示与光标闪烁；二、JavaScript递归setTimeout动态插入字符；三、Generator+async/await实现可暂停/恢复的精细控制；四、CSS自定义属性联动JS，用--char-count和ch单位驱动响应式动画。
-
HTML5的<meta>标签中真正影响SEO的是description、robots和viewport三类；keywords等已被忽略；charset必须为UTF-8且置于head最前；结构化数据须用JSON-LD而非meta。
-
Intl是JavaScript内置国际化API，支持日期、数字、货币、列表、相对时间和字符串排序的本地化格式化；需传入语言标签如"zh-CN"创建实例，不处理文本翻译。
