-
迭代器是JavaScript中按需遍历数据的机制，核心是实现[Symbol.iterator]方法返回含next()的对象，每次调用返回{value,done}；可借助生成器函数快速创建，yield产出值，自动满足迭代协议。
-
原生CSS不支持嵌套因语法模型与人脑层级认知不匹配，SCSS/Less补足组织能力；常见错误包括&误用、过度嵌套、兄弟选择器空格缺失；@use替代@import实现模块化；PostCSS插件仅支持基础嵌套，无法替代预处理器的变量、函数等完整能力。
-
子元素的margin-top会让父容器一起往下掉是因为相邻块元素垂直margin会塌陷，且父容器未形成BFC时其上边界与子元素margin-top相粘连；overflow:hidden通过触发BFC隔离内部布局来阻止塌陷，但可能截断溢出内容。
-
答案：优化CSS盒模型需以box-sizing:border-box为前提，明确padding、margin、border的职责分离。padding控制内容内边距，margin管理元素外间距，border定义视觉边界；通过全局设置border-box实现直观尺寸控制，简化响应式布局；利用padding保障内容可读性，用margin实现组件间稳定间距，避免外边距合并可通过BFC或统一间距方向解决；border除视觉分隔外，还可用于状态提示、几何图形生成及布局调试，结合CSS变量提升可维护性，兼顾性能与语义化
-
Edge新版（Chromium内核90+）彻底移除Flash，因微软2021年1月停用且Chromium88+禁用NPAPI，设置页404、插件列表无项、注册表废弃；网站需升级HTML5或临时用IE模式。
-
<p>HTML注释应使用<!---->语法，注明作用域、修改时间与兼容性信息，禁止暴露敏感内容，结合编辑器快捷键与自动化工具提升规范性与可维护性。</p>
-
flex布局下表单换行需设flex-wrap:wrap，否则nowrap强制单行；宽度控制用flex-basis而非width；label与input对齐需align-items:center且label须参与flex流；小屏响应式应结合媒体查询重置flex-basis或改column。
-
<colgroup>仅能可靠设置width（需配合table-layout:fixed）、有限border及visibility:collapse，不支持color、font-size、background-color等样式；必须作为<table>直接子元素置于<caption>后、<thead>前，否则被忽略。
-
requestAnimationFrame是浏览器提供的让动画更顺滑且节能的调度机制，它对齐屏幕刷新节奏、页面不可见时自动暂停，并需递归调用和cancelAnimationFrame正确终止。
-
打印测试页面
这是">
window.print()是不可定制的系统级打印触发器，仅在用户交互中有效，无法控制打印样式、跨iframe打印需聚焦，SPA中须确保DOM渲染完成，移动端不支持。
-
TreeShaking起效的关键是静态导入，即顶层import/export语法，确保构建工具能静态分析依赖图谱并精准剔除未被显式引用的导出项，配合production模式与Terser压缩完成最终删除。
-
BigInt是ES2020引入的原始类型，用于安全表示任意精度的大整数，解决Number类型在±(2^53-1)范围外的精度丢失问题；可通过数字加n后缀或BigInt()函数创建，支持算术、逻辑、比较和位运算，但不支持与Number混合操作、Math方法、一元加号及默认JSON序列化，适用于大ID、密码学等高精度场景。
-
Canvas需显式设置width/height属性并配JavaScript才能绘图，CSS仅拉伸致模糊；必须用getContext('2d')获取上下文对象操作，且需DOM加载后执行，否则为空白或异常。
-
最常见原因是目标元素未设置明确宽度或设为width:100%，且需确保其为块级元素；Flex居中失效多因父容器未启用flex或子元素脱离文档流；text-align只影响行内内容；Grid居中需父元素为display:grid且子元素未覆盖居中声明。
-
HTML没有函数，它只是描述页面结构的标记语言；function、addEventListener等属于JavaScript，onclick等内联属性依赖JS引擎执行。
