-
grid-template-rows:1fr不能实现水平一行布局，因为它只定义行高，不控制子元素横向排列；真正起作用的是grid-template-columns和grid-auto-flow设置。
-
Vue组件默认通过$emit发出的事件仅在Vue生态内传播，无法被原生DOM事件监听器捕获；需改用CustomEvent并设置bubbles:true和composed:true，使其穿透ShadowDOM（如Astro中的组件边界）并被document.addEventListener正确接收。
-
现代浏览器支持prefers-reduced-data媒体查询，可精准响应用户主动开启的省流量模式；它为布尔型特性，仅接受reduce值，适用于CSS中直接控制样式降级，比connection.effectiveType更可靠且无需JS介入。
-
引导层设计不当会显著干扰学习，关键在于是否响应用户当前操作状态：需处理焦点捕获、禁用背景交互、适配动态DOM、优化CSS动画，并与业务状态机耦合。
-
Proxy对象是JavaScript中用于拦截和自定义对象操作的机制，它充当一个代理层，允许你在操作如属性读取（get）、写入（set）、函数调用（apply）等前后插入自定义逻辑。1.Proxy通过创建一个包含target和handler的实例来工作；2.handler中的陷阱方法（如get、set）用于拦截操作；3.Reflect常与Proxy配合使用以正确转发默认行为；4.应用场景包括数据验证、访问控制、日志记录、响应式系统等；5.使用时需注意性能、不变性规则、this绑定、不可代理对象等问题。
-
src用于嵌入资源（如script、img），浏览器强制同步加载并执行；href用于建立关联（如link、a），浏览器异步处理或按需触发，二者语义与解析机制根本不同，不可互换。
-
border-style默认为none，不显式指定如solid则边框不可见；表格需同时设border-collapse:collapse和各单元格border-style；box-sizing和overflow也会影响边框显示。
-
反射是程序在运行时动态检查和修改自身结构与行为的能力。JavaScript通过ES6引入的ReflectAPI提供了统一、函数式的对象操作接口，如Reflect.get、Reflect.set等，方法与Proxy陷阱一一对应，便于拦截操作时转发默认行为。Reflect使对象操作更规范、可预测，支持更好的错误处理（返回布尔值）、与Proxy自然协作、函数式编程风格，提升代码可读性和元编程能力。
-
CDN引入失败应优先加onerror降级逻辑并锁定版本号；常见原因包括网络策略拦截、file://协议限制、路径错误及未锁定版本导致运行时崩溃，须用本地服务运行并验证URL有效性。
-
section标签是HTML中具有语义的结构化标签，用于定义文档中带有明确主题和标题的独立章节，如文章部分、产品模块等，提升可访问性和SEO；每个section应包含h1-h6标题，适用于有逻辑划分的内容区块，但不应仅用于布局或无主题的分组，此时应使用div或其他更合适的标签；与article（独立内容）、div（无语义容器）、aside（侧边相关）不同，section强调内容的组织层次，合理使用可使页面结构清晰，利于用户和搜索引擎理解。
-
模板字面量是JavaScript原生支持的反引号包裹字符串，支持${expression}变量插值、多行文本及标签函数；它非语法糖升级版，核心优势在于可读性、维护性及扩展能力远超+拼接。
-
答案：HTML通过input标签的type="file"实现文件上传功能，需配合form表单的enctype="multipart/form-data"和post方法提交，利用name属性标识字段，accept限制类型，multiple支持多选，required设置必填，并可通过JavaScript进行前端验证与用户体验优化。
-
radiogroup属性在任何主流浏览器中都不生效，它仅存在于早期HTML5草案中，用于已废弃的<command>标签，现代标准已移除；单选组唯一可靠机制是name属性，同名radio自动互斥。
-
flex容器需设flex-wrap:nowrap、明确宽度及overflow-x:auto才能横向滚动；white-space:nowrap仅作用于子项内文本，对flex布局无效。
-
:target伪类可选中URL锚点指向的元素并添加样式。当页面URL含#片段标识符时，ID与之匹配的元素被高亮，如h2:target设置背景色和边框，实现无需JavaScript的交互效果，常用于内容展开、选项卡切换和错误定位，需注意ID唯一性和浏览器兼容性，适用于静态页面增强用户体验。
