-
在Vue3中，直接赋值无法脱离响应式系统；若需对reactive对象做无副作用的修改（如删除字段而不影响原对象），应先用toRaw()获取原始对象，再通过展开运算符创建独立副本。
-
通过CSS自定义滚动条并利用:hover实现悬停效果，使用::-webkit-scrollbar等伪元素设置样式，并结合容器的hover状态改变滑块颜色或宽度，推荐应用于特定容器以提升用户体验。
-
Map是JavaScript中支持任意类型键、保持插入顺序、提供原生迭代和清晰集合操作接口的键值对集合；对象则适合结构化数据、原型继承和JSON序列化，但键仅限字符串/Symbol且无可靠顺序保证。
-
<p>使用HTML注释可临时隐藏代码，语法为<!--代码块-->，浏览器会忽略其内容，适用于调试、功能切换和团队协作，但不可嵌套且禁止存放敏感信息，需及时清理冗余注释并配合版本控制工具使用。</p>
-
本文介绍使用纯CSS显示控制+少量JavaScript安全合并HTML段落的方法，避免使用innerHTML/innerText和DOM移动操作，在保留所有结构、样式和data属性的前提下，实现多段文本（含嵌套标签）在视觉上“连成一行”的效果。
-
防抖是事件停止触发一段时间后执行一次，适合搜索输入等只关心最终结果的场景；节流是固定时间间隔最多执行一次，适合滚动监听等需稳定节奏的场景。
-
默认width不包含padding，即content-box模型下width仅指内容区宽度；启用border-box后width包含padding和border，现代项目常全局重置为border-box以避免溢出问题。
-
HTML5SpeechSynthesisAPI可通过JavaScript让网页“说话”。其核心步骤为：1.创建SpeechSynthesisUtterance对象并设置文本、语速、音调等属性；2.使用speechSynthesis.speak()方法播放语音。检测浏览器支持的方法是检查window.speechSynthesis是否存在，并建议监听voiceschanged事件确保语音列表加载完成。选择语音时，可通过speechSynthesis.getVoices()获取语音列表并根据lang或name
-
HTML5注释不影响SEO，仅用于团队协作；应在title、meta、h1、结构化数据、canonical等标签旁添加清晰、具体、有时效性的SEO说明注释，并统一采用“SEO:[模块]|[动作]|[依据/影响]|[时效/责任人]”格式。
-
使用position:relative可对文字进行细微上下调整，如.adjust-up{position:relative;top:-2px;}实现上移，适用于标点、图标对齐等场景，调整幅度建议±1px到±4px，避免影响布局，需单独应用样式并在不同屏幕测试以确保一致性。
-
首先确保HTML文件正确保存并以.html为后缀命名，再通过双击文件、拖入浏览器或使用LiveServer等方式预览，最后可上传至GitHubPages获取在线链接分享。
-
答案：通过监听输入事件并操作DOM可实现实时显示用户内容。使用addEventListener捕获输入，textContent更新文本，createElement创建元素，innerHTML支持富文本但需防范XSS，结合模板或Markdown解析实现预览功能，确保安全与交互性。
-
使用setTimeout无法持续触发定时逻辑，应改用setInterval配合时间戳计算实现稳定运行的秒表功能，同时注意变量作用域、时间单位换算及资源清理。
-
用::first-letter伪元素实现杂志风首字放大效果，需设置基础字号、首字放大并浮动，配合line-height和margin-right调整间距；注意中英文及标点兼容性，可添加字体、背景、描边等进阶样式。
-
本文详解如何使用原生JavaScript动态创建带文本内容的复选框列表项，并为每个复选框正确绑定click事件，避免DOM操作常见错误（如误用appendChild添加文本、事件绑定时机不当等）。
