-
Object.assign()是浅拷贝，用于合并对象属性，但不修改原始对象的方法是使用空对象作为目标；其执行的是浅拷贝，不会复制嵌套对象的引用；深拷贝可通过JSON.parse(JSON.stringify(obj))、递归函数或第三方库如lodash的_.cloneDeep实现；它仅复制可枚举的自有属性，包括可枚举的Symbol属性；当目标为null或undefined时会抛出错误，而源对象为null或undefined时则被忽略。1.使用Object.assign({},obj1,obj2)可避免修改
-
遍历JavaScript原型链的核心方法是使用Object.getPrototypeOf()从对象开始逐级获取原型，直到null为止；2.实际应用包括调试继承关系、检查对象能力、实现高级框架功能；3.Object.getPrototypeOf()是标准API，__proto__是非标准且不推荐使用的属性，应避免直接操作；4.遍历时需注意以null为终点防止无限循环，避免修改内置原型以防副作用，特殊宿主对象可能有非标准原型链结构，需谨慎处理。
-
不推荐直接使用u标签加下划线，因为它在HTML5中已被赋予语义化用途，表示拼写错误或专有名词等非文本注释，而非视觉样式；2.推荐使用CSS的text-decoration属性来实现下划线效果，可灵活控制颜色、样式、粗细和动画；3.若需自定义下划线外观或交互效果，应通过CSS伪元素或背景渐变实现，以保持HTML结构与样式的分离，提升可维护性和设计自由度。
-
语义化HTML结构对内容优化至关重要，因为它提升SEO、可访问性和代码维护性。1.使用header、nav、main等语义标签明确页面骨架，替代传统div堆砌。2.正确运用h1至h6标题层级，清晰表达内容主次逻辑，避免跳跃或滥用。3.采用内容区块化设计，通过section、article划分主题区域，增强可读性。4.精准使用文本标签如ul、ol、blockquote及强调标签strong、em，提升信息传达效率。5.图片添加alt文本、启用懒加载、适配响应式布局，优化多媒体嵌入体验。6.注重交互元素的可访
-
a:link匹配未访问过的链接，用于设置默认样式；a:visited匹配已访问过的链接，用于设置点击后的样式。两者区别在于匹配条件不同：1.a:link仅适用于未被点击或浏览器未记录的链接，一旦点击后便不再匹配；2.a:visited在用户访问过链接并被浏览器记录后生效，但现代浏览器出于隐私保护限制了其可设置的样式属性；3.使用时应注意书写顺序（a:link→a:visited→a:hover→a:active），避免状态覆盖；4.不可用于获取用户浏览历史，且兼容性需测试；5.常用于导航菜单或文章推荐中区
-
font-display:swap会让浏览器立即显示系统字体，同时在后台加载自定义字体，加载完成后替换；swap的工作方式是先显示系统字体避免空白期，待自定义字体加载完成后再切换，适合希望快速显示内容的场景，但可能导致视觉“跳动”；font-display:fallback则限制字体加载时间窗口（约100ms），若未加载完成则使用系统字体且不再替换，适合追求视觉一致性的场景；选择策略为：优先可读性和快速显示选swap，希望统一风格不切换字体选fallback，字体小或品牌重要可试fallback，字体大或
-
本教程专注于解决JavaScript中动态拼接字符串时，因存在空值属性而导致输出中出现冗余逗号的问题。我们将详细介绍如何利用数组的filter()和map()方法，结合字符串trim()功能，在生成最终字符串之前，有效地识别并排除空或仅含空白字符的属性，确保每个分隔符都对应一个有效的数据项，从而使输出结果清晰、规范。
-
事件循环中没有独立的“垃圾回收”阶段。①垃圾回收（GC）是JavaScript引擎内部的内存管理机制，由引擎自动执行，负责回收不再被引用的对象所占用的内存。②GC不是事件循环的明确阶段，而是在后台运行，可能在主线程空闲或任务间隙执行，以减少对主线程的阻塞。③现代引擎采用分代回收、增量/并发回收等策略，使GC可在独立线程或拆分执行，降低对性能的影响。④GC可能引发“暂停世界”现象，影响事件循环的响应速度，尤其在UI更新时可能导致卡顿。⑤开发者可通过浏览器性能面板观察GC行为，使用内存面板分析堆快照，诊断内存
-
<h2>标签在HTML中代表二级标题，用于组织内容，使页面结构清晰。1.<h2>是仅次于<h1>的重要标题，帮助提高可读性和可访问性。2.其语义化作用有助于SEO和屏幕阅读器用户。3.使用时应避免过度，建议每个页面不超过3-5个<h2>标签。4.应与其他标题标签配合使用，形成层次分明的结构。5.需考虑用户体验，标题应简洁明了。
-
在CSS中，外边距（margin）的默认值通常为0，但某些浏览器可能有特定设置。1.使用CSS重置可以清除默认样式，确保跨浏览器一致性。2.外边距可以通过margin属性设置，单位包括px、%、em、rem等。3.使用margin:auto可快速居中元素。4.注意垂直外边距合并问题，可用padding、border或overflow避免。5.建议使用相对单位，避免负外边距，并使用CSS预处理器管理外边距。
-
要获取JavaScript对象原型链上的Symbol属性，必须手动遍历原型链并逐层收集；1.使用Object.getPrototypeOf()逐级向上遍历原型链，直到null；2.在每一层调用Object.getOwnPropertySymbols()获取自身的Symbol属性；3.将所有层的Symbol属性汇总到一个数组中，使用Set确保唯一性；该方法是唯一可靠的方式，因为Object.getOwnPropertySymbols()和Reflect.ownKeys()等API仅返回对象自身的Symbol
-
目前无法通过CSS直接控制HTML画中画（PiP）窗口中的时间显示样式，因为浏览器出于安全和用户体验一致性的考虑，限制了对原生PiP界面的自定义；2.::picture-in-picture-time-display伪类理论上用于选中PiP窗口中的时间显示元素以应用样式，但主流浏览器尚未实现其样式控制功能，实际开发中不可用；3.无法控制PiP界面样式的主要原因包括防止恶意篡改导致的欺诈风险、维护跨网站的UI一致性，以及PiP窗口脱离网页DOM独立渲染的技术限制；4.实现自定义时间显示的可行方案是在网页内构
-
将JavaScript数组转换为对象的核心是通过特定键快速查找数据，最常用方法有：1.使用Object.fromEntries()将键值对数组直接转为对象；2.使用reduce()方法以指定属性（如id）为键构建对象，适用于对象数组；3.通过循环遍历赋值，适合需要更多控制或兼容旧环境的情况；需注意重复键会导致覆盖、键会被转为字符串、稀疏数组或null/undefined可能引发意外，复杂嵌套结构可通过嵌套reduce或递归实现扁平化转换，最终目的是提升查找效率和数据组织逻辑性。
-
为HTML表格添加模态框交互的核心思路是监听点击事件并动态填充显示模态框。2.实现需HTML结构、CSS样式和JavaScript逻辑三者配合：HTML提供表格和模态框基础结构，CSS控制模态框的隐藏、展示和动画效果，JavaScript实现事件监听、数据填充与交互逻辑。3.模态框通过数据属性（data-*）获取信息并动态展示，提升了信息展示效率和用户操作体验。4.触发方式不仅限于点击按钮，还可使用双击或悬停，但需结合业务需求。5.面对大量数据时采用事件委托减少性能开销，并可通过异步加载数据提升首次加载速
-
在HTML中嵌入Google地图需先在Google地图获取嵌入代码并粘贴到网页；2.自定义样式可通过修改iframe的width、height属性或使用CSS实现，响应式设计推荐使用百分比宽度和媒体查询；3.地图无法显示可能由于网络问题、代码错误、浏览器兼容性、API密钥失效或CSP限制导致；4.确保地图在不同设备良好显示的关键是采用响应式设计，包括设置width="100%"、max-width、响应式父容器并进行多设备测试，最终通过完整测试确保地图正常加载且适配良好。
