-
运行HTML文件的方法有：一、直接双击打开，用浏览器查看静态内容；二、通过浏览器菜单选择“打开文件”加载本地文档；三、使用Node.js启动本地服务器运行，支持动态功能；四、利用VSCode等编辑器的LiveServer插件实现实时预览。
-
若Edge中HTML5本地文件未渲染，需用file://协议完整路径加载；或通过edge://flags启用本地文件访问；或拖拽文件至浏览器窗口；或以管理员运行命令禁用安全策略。
-
通过CSSGrid与动画结合，可实现子元素动态重排。先用Grid定义3×2布局并设置过渡效果，再通过类切换触发grid-column和transform动画，实现平滑位移与扩展；结合媒体查询使小屏幕下自动调整为两列并添加淡入动画；通过JavaScript点击切换类名实现交互式扩展，利用transition保障流畅性，避免直接动画化grid参数以确保兼容性。
-
答案：通过display:flex和align-items:stretch实现多列等高布局，子元素自动拉伸至相同高度，结合flex属性可控制宽度分配与对齐方式，适用于卡片、侧边栏等场景。
-
使用position:absolute可精准定位元素并结合CSS动画实现动态效果，如弹窗滑入、侧边栏展开等；通过@keyframes或transform控制位移、旋转，提升性能与视觉流畅度；需注意父级定位上下文以避免错位。
-
Flex布局方向切换时子项视觉顺序错乱，需用order属性显式控制逻辑顺序；order默认0、数值越小越靠前，排序在flex-direction之后执行，且不影响DOM结构和可访问性。
-
浮动导致点击区域错位的本质原因是元素脱离文档流引发父容器塌陷及后续元素上浮；推荐用display:flow-root修复，次选伪元素clearfix，避免overflow:hidden；现代布局应优先使用flex或grid替代浮动。
-
使用inset关键字可将box-shadow设置为内阴影，语法为box-shadow:inseth-offsetv-offsetblurspreadcolor；例如.inner-shadow-box{box-shadow:inset2px2px5pxrgba(0,0,0,0.3);}可创建右下方向灰色内阴影，常用于文本框聚焦、按钮按下状态或卡片层次感设计；支持多层阴影，如box-shadow:inset02px4pxrgba(0,0,0,0.2),inset0-2px4pxrgba(0,0,0,0.1)实
-
DOM操作提供六种核心技巧：一、createElement+appendChild添加元素；二、insertBefore精确插入；三、replaceChild替换节点；四、removeChild删除子元素；五、innerHTML/textContent批量更新；六、cloneNode复制结构。
-
JavaScript无法直接读取本地文件，但可通过FileAPI和FormData配合fetch实现安全上传；用input[type="file"]获取File实例，FileReader预览小文件，FormData+fetch上传并支持进度监听，URL.createObjectURL快速预览，所有操作需用户主动触发。
-
使用:nth-child设置奇偶行不同背景色，结合border-bottom和hover效果，可创建美观专业的表格样式。
-
Angular的构造函数参数会通过依赖注入机制自动创建并注入对应服务实例，而非TypeScript自身行为；未在构造函数中声明依赖的服务属性将保持undefined，导致运行时错误。
-
微任务主要由Promise回调、MutationObserver和queueMicrotask产生。1.Promise的.then()、.catch()、.finally()会在状态变化后将回调放入微任务队列；2.MutationObserver用于监听DOM变化，其回调作为微任务批量处理以优化性能；3.queueMicrotask是ES2021新增API，允许开发者显式安排微任务。这些微任务会在当前宏任务执行完毕后立即全部执行，确保异步操作顺序可控并优化UI更新，从而提升代码执行的一致性和性能表现。
-
动态HTML通过HTML、CSS、JavaScript和DOM协同实现网页交互；常用方法包括使用JavaScript的document.getElementById()等方法获取元素并操作DOM，实现内容动态更新。
-
rgba()通过第四个alpha参数控制白色透明度，取值0（全透明）到1（不透明），实现白色与背景融合；常用于半透遮罩、柔和按钮背景等场景，且不影响子元素透明度。
