-
箭头函数不绑定自身this，而是继承外层作用域的this值；它用=>定义，无arguments、prototype、super和new.target，不能作为构造函数。
-
答案：CSS中link标签的media属性可按设备类型和视口条件加载不同样式表。1.通过screen、print等值为打印机、屏幕等设备加载特定样式；2.支持媒体查询语法，根据宽度、分辨率等适配响应式布局；3.利用惰性加载提升性能，非关键样式不阻塞渲染；4.使用and、or等逻辑符组合条件实现精准控制。合理使用可优化体验与性能。
-
flexbox的order属性仅对flex容器的直接子元素生效，需确保父容器设为display:flex/inline-flex且目标元素为其直系子项；order默认值为0，响应式中应显式设置所有参与排序元素的order值以避免顺序错乱；它只改变视觉顺序，不影响DOM和屏幕阅读器顺序，需兼顾可访问性。
-
使用thead、tbody和tfoot能提供清晰的语义化结构，使表格的头部、主体和底部在代码中明确分离；2.它们提升了可访问性，帮助屏幕阅读器等辅助技术准确解析表格内容；3.便于通过CSS精准控制不同部分的样式，避免依赖复杂的类名或选择器；4.在打印长表格时，浏览器可自动在每页重复thead和tfoot内容，提升可读性；5.支持固定表头、内容滚动等布局需求，为复杂交互提供结构基础；6.在动态数据加载或操作时，可单独更新tbody而不影响表头和表尾，提高DOM操作效率；7.多个tbody可用于语义化分组数据
-
Grid布局核心是轨道定义、内容定位与避免错乱：grid-template-rows/columns定义轨道而非单元格数，fr单位需剩余空间才生效，minmax更安全；grid-column/row用线号定位，负号从末尾计；grid-template-areas须矩形拼合且命名规范；响应式需重置定位属性并慎用dense。
-
JavaScript事件循环是协调同步代码、微任务和宏任务执行顺序的规则，非调度器；宏任务含setTimeout等，微任务含Promise.then等；每轮先执行一个宏任务，再清空所有微任务，最后渲染（浏览器）。
-
可在HTML5中用<strong>（语义加粗）、<b>（纯视觉加粗）或CSSfont-weight（精细控制）实现文字加粗，优先推荐语义化标签，并避免使用已废弃的<font>标签。
-
viewportmeta标签必须设为<metaname="viewport"content="width=device-width,initial-scale=1.0">，否则移动端浏览器默认按约980px虚拟视口渲染，无法实现1:1显示；CSS需用响应式单位（rem/em）、max-width、SVG等适配dpr与屏幕尺寸，真机测试不可替代。
-
Angular是Google维护的TypeScript前端框架，提供模块化架构、响应式数据流、开箱即用工具链，适合构建可维护的大型企业级应用。
-
关卡状态必须用独立对象管理，避免全局变量污染；每个关卡应封装为类，实现生命周期钩子并显式清理资源；持久化数据需序列化、校验类型并加版本前缀；Canvas与音频须主动暂停；共享数据应只读或通过服务层受控修改。
-
JavaScript继承基于原型链，ES6的class是语法糖。原型继承灵活但易出错，适合动态场景；类继承结构清晰，利于大型项目协作，本质仍为原型链。
-
最可靠方案是用Flex或Grid布局替代float/inline-block；Flex适用于均匀分布，Grid适合固定列数；需规避vertical-align和line-height导致的偏移及最后一行塌陷问题。
-
现代浏览器禁止无用户交互的音频自动播放，必须在click或touchstart等用户手势事件中调用audio.play()并捕获Promise错误，muted无法可靠绕过限制。
-
HTML标签与属性拼写须严格遵循W3C小写规范，可通过W3C验证器、编辑器语法校验、速查表及浏览器开发者工具四步法精准识别并修正，如inputt→input、hreff→href、clas→class。
-
CSS定位常见误区有四：1.relative是相对自身原位置偏移，非父元素；2.absolute使子元素脱离文档流，易致父容器高度塌陷；3.z-index仅对已定位元素生效，且受层叠上下文限制；4.fixed参照视口内边界，其位置会随视口动态变化。
