-
JavaScript生成器是用function*定义的可暂停函数，返回迭代器对象，通过next()方法控制执行节奏，yield实现暂停与恢复及双向通信，适用于异步流程、惰性求值和状态机。
-
箭头函数是JavaScript中语法更简洁的函数定义方式，无自身this、arguments、super或new.target，不可用作构造函数，适合回调等需词法this绑定场景，复杂逻辑仍推荐传统函数。
-
<p>box-sizing:border-box可使宽高包含内边距和边框，避免content-box下因padding和border导致的尺寸溢出；全局设置{box-sizing:border-box;}或更稳妥的,::before,::after{box-sizing:border-box;}即可统一行为。</p>
-
浏览器开发者工具是最直接的HTML调试环境，Elements面板查看编辑DOM、Console验证选择器、Network检查加载状态，需结合伪类检测、JS禁用及本地HTTP服务绕过file://限制。
-
height:auto无法过渡导致跳动，因浏览器无法计算具体像素值；应改用max-height过渡，设为0→足够大值（如500px）并配合overflow:hidden；动态高度可用JS读取scrollHeight实现自动适配。
-
FIMO生成的HTML报告不支持网格布局，所有样式为固定CSS，表格使用<table>而非display:grid；如需网格效果须手动修改HTML或换用MEME-ChIP等工具。
-
外部样式表能提升可维护性，但需配合构建工具链实现模块化、作用域隔离与依赖管理，否则易引发冲突、加载混乱和全局污染。
-
必须用@font-face注册本地字体，正确写法是：指定font-family名、按woff2→woff→ttf顺序提供多格式src、路径相对于CSS文件、加引号使用并配fallback字体栈；关键要设font-display:swap防止FOIT/FOUT。
-
overflow属性用于控制内容溢出时的显示方式，其常用值包括visible（默认，溢出可见）、hidden（裁剪溢出）、scroll（始终显示滚动条）和auto（按需显示滚动条）；可通过overflow-x和overflow-y分别控制水平和垂直方向的溢出行为；典型应用场景有文本截断、创建滚动区域及清除浮动影响，使用时需注意移动端滚动流畅性、滚动条显示对布局的影响及嵌套滚动的用户体验。
-
不算。设置box-sizing:border-box后，padding不再向外扩展元素总尺寸，而是向内压缩内容区，width和height即为最终边框外沿尺寸。
-
使用CSS预处理器可提升开发效率与可维护性，通过变量统一管理颜色、字体等设计值，实现全局调整；嵌套规则增强样式结构可读性，适用于组件层级，建议控制在3层内；利用mixin和函数封装复用逻辑，支持参数与条件生成响应式类；采用模块化组织，拆分变量、mixin、重置等为独立文件，通过主文件引入；结合Sass、Less等工具与Webpack、Vite构建流程，有效管理复杂项目样式，关键在于合理使用特性，保持结构清晰。
-
答案：部署HTML演示需选合适平台并优化结构与体验。使用GitHubPages、Vercel或Netlify托管，确保index.html入口和资源路径正确，添加README说明，通过简洁UI、响应式设计提升可读性，支持嵌入分享链接或二维码，便于高效传播与交互预览。
-
直接覆盖框架CSS类名不可靠但最常用；应优先使用框架自定义变量机制，必要时提高选择器权重或谨慎使用!important。
-
<footer>必须嵌套在语义化区块（如<body>、<article>）内，不可悬空于<html>外；应作为内容结束标记，配合position:sticky与父容器min-height:100vh实现可靠贴底，并添加role="contentinfo"提升可访问性。
-
尾调用优化（TCO）在JavaScript中实际不可用；尽管ES2015+规范定义了该特性，但所有主流引擎均未启用，且因破坏堆栈跟踪等调试能力而被搁置。
