-
<dialog>元素必须调用showModal()或show()才能显示，其open属性为只读，手动添加仅触发初始显示但丧失模态能力；showModal()实现真正模态（禁背景交互、支持Esc/点击backdrop关闭），show()为非模态；关闭须调用close()，不可仅操作open属性；Safari15.4前不支持showModal()，需运行时检测并降级；点击backdrop关闭需手动监听dialog的click事件并判断e.target===dialog。
-
<link>标签顺序决定CSS覆盖优先级，后加载的样式覆盖先加载的同名规则；自定义样式应置于第三方库之后，避免动态插入覆盖，并通过开发者工具排查具体覆盖来源。
-
JavaScript代码覆盖率衡量的是测试执行时源码中被实际运行的语句、分支、函数和行，而非测试数量；它不保证质量，但能暴露未触达的逻辑盲区如else分支、catch块等。
-
答案：建立高效的JavaScript监控体系需聚焦错误日志、性能指标、API状态、用户行为及业务埋点的采集，通过轻量SDK异步上报至服务端，经结构化处理后存入时序数据库或日志系统；利用Grafana等工具实现多维度可视化，支持错误率、性能趋势、API热力图和用户行为漏斗分析；结合阈值规则与滑动窗口机制配置自动化告警，集成即时通讯工具通知，确保问题快速发现与响应。
-
rem相对于根元素字体大小，用于全局一致的响应式设计；em相对于父元素字体大小，适合局部弹性布局。选择依据：rem控制文本层级，em处理间距与图标等随文字变化的场景。
-
通过创建Web项目或直接打开文件夹可在VisualStudio中运行HTML文件。1、创建ASP.NET或空Web项目，添加HTML文件并设为起始页，按F5启动服务器预览；2、使用“打开文件夹”功能，右键HTML文件选择“在浏览器中查看”，自动启用临时服务器；3、安装“WebExtensionPack”等扩展增强HTML支持，提升编辑与预览体验；4、利用IISExpress托管静态页面，右键文件选择浏览器查看，通过localhost地址运行。
-
JSON是轻量级数据交换格式，键名须双引号、禁末尾逗号、不支持函数/undefined/Symbol等；用JSON.parse()解析字符串为JS值，JSON.stringify()将JS值转为JSON字符串。
-
冗余空白不影响渲染但影响可读性、文件体积和SEO；2.使用HTMLMinifier、Webpack插件或在线工具压缩去除空白；3.编写时避免无意义换行和缩进，防止内联元素间产生意外空格；4.用CSS而非空白字符控制布局，避免使用 ；5.通过工具与规范平衡可读性与代码效率。
-
JavaScript实现动画的核心是随时间改变元素样式。1.使用requestAnimationFrame可实现流畅动画，如让元素平滑移动；2.通过递增opacity并结合requestAnimationFrame实现淡入效果；3.结合CSStransition能简化逻辑，适合简单交互动画；4.封装通用动画函数可复用，支持不同属性与持续时间。根据需求选择精细控制或简洁方案。
-
函数是可重复使用的代码块，用于执行特定任务；JavaScript中通过函数声明（如functionsayHello(){}）、函数表达式（constgreet=function(){}）或箭头函数（constgreet=()=>{}）定义，需调用（如sayHello()）才执行，可带参数并用return返回值。
-
答案：优化Canvas动画性能需减少重绘区域，采用分层绘制与clearRect局部清除；避免重复设置样式、简化路径并缓存高频内容以优化绘图操作；使用requestAnimationFrame控制帧率，按需更新与限帧；通过对象池、解除引用等方式合理管理内存，降低GC压力，从而提升整体渲染效率。
-
content-box的width和height仅包含内容，不包括padding和border，实际尺寸会更大；2.border-box的width和height包含内容、padding和border，设置值即总尺寸；3.推荐使用border-box以便更直观控制布局，避免元素溢出，常用重置写法为,::before,*::after{box-sizing:border-box;}
-
WeakMap和WeakSet是以弱引用为核心的集合类型，适合处理与对象生命周期绑定的临时数据；WeakMap键必须为对象，用于存私有状态、DOM状态或缓存；WeakSet仅存对象，适用于存在性判断如防递归、事件监听；二者均不支持遍历与size等方法，不可替代Map/Set作通用集合。
-
可通过CSS的background-image属性设置HTML页面背景图，包括内联样式、内部样式表、外部CSS文件三种引入方式，并支持定位、裁剪、响应式适配等精细化控制。
-
用gap配合minmax()是解决Grid间距响应式不一致最直接有效的方式，关键在于使用rem/vw/clamp()等相对单位替代固定px，并配合auto-fit/auto-fill和弹性轨道定义，辅以align-items:start或min-height统一子项高度，必要时用媒体查询兜底。
