-
React是用JavaScript编写的前端UI库，非JS原生部分，专注声明式UI渲染；核心概念包括JSX、组件、Props、State和虚拟DOM，进阶需掌握Effects、Refs、Context与Hooks，底层依赖扎实的JavaScript基础。
-
JavaScript音视频控制依赖HTMLMediaElement与WebAudioAPI协同：前者提供播放、进度、音量等基础控制，后者支持滤波、混响、频谱分析等专业音频处理；二者分工明确、能力互补。
-
应使用rgba()或hsla()设置面包屑背景透明度，因其仅作用于背景色；而opacity会令整个元素及子元素（含文字、图标）一同变透明，降低可读性、违反无障碍标准，且不可被子元素重置。
-
<p>使用position:fixed或sticky可实现网页固定头部和底部布局。首先通过fixed将头尾元素脱离文档流并定位在视窗两端，配合margin和min-height为内容区预留空间，避免遮挡；推荐在简单场景中使用sticky实现粘性头部，需确保父容器未设置影响sticky的样式；注意设置足够z-index保证层级，结合calc(100vh-头高-尾高)适配全屏，移动端优先考虑sticky或添加-webkit-overflow-scrolling:touch以提升兼容性，最后通过媒体
-
答案：通过解析AST收集依赖，构建模块图并封装为自执行函数实现打包。首先读取文件内容并解析为AST，提取import路径形成依赖关系；接着从入口文件开始递归分析所有依赖，构建包含每个模块路径、依赖和代码的图结构；然后将每个模块包裹在函数中，通过require机制实现模块间引用，最终生成一个包含所有模块的闭包函数，写入输出文件。该过程展示了Bundler的核心原理：依赖解析、作用域隔离与模块加载。
-
使用Flexbox实现元素在视口内水平垂直完全居中，关键在于为body设置100vh高度并同时启用justify-content和align-items居中。
-
用CSSGrid构建响应式主页应以grid-template-areas为主干布局，配合minmax()、clamp()和:checked+~实现无JS响应式导航与自适应排版，同时确保语义化结构合规。
-
掌握Promise和async/await最佳实践可提升代码可读性与健壮性：合理使用链式调用并始终添加.catch()处理错误；优先使用async/await结合try/catch增强可读性；避免忘记await、循环中串行await及未清理的异步任务；封装通用逻辑如带重试的请求，确保结构清晰、错误可控、资源不泄露。
-
答案：Intl.DateTimeFormat可根据用户语言环境自动格式化日期时间。通过指定locale和配置选项（如年月日、时区等），实现多语言支持，提升国际化体验。
-
Electron通过主进程与渲染进程的多进程架构实现跨平台桌面应用开发，主进程管理应用生命周期并调用系统API，每个BrowserWindow对应独立的渲染进程负责页面渲染，二者通过ipcMain和ipcRenderer进行安全的进程间通信；其核心机制融合Chromium的UI能力与Node.js的系统访问能力，默认允许渲染进程使用Node模块但存在安全风险，因此推荐关闭nodeIntegration并采用预加载脚本以最小权限桥接功能；应用通过electron-builder等工具打包，内置Chromiu
-
animation-duration用于设置动画周期时长，语法为animation-duration:时间值；需配合@keyframes和animation-name使用，如animation-duration:2s表示动画持续2秒，常见取值有1s、0.3s、5s等，默认值为0s动画不播放。
-
答案：控制iframe样式需从源页面入手。1.在iframe页面中通过link标签引入CSS；2.同源时用JavaScript动态注入样式；3.跨域可通过postMessage通信切换预设样式；4.样式必须由iframe自身加载或协作完成，受限于同源策略。
-
掌握选择器组合与嵌套、BEM命名规范及作用域控制，能提升CSS可读性与维护性。1.组合选择器精准定位元素，减少冗余；2.Sass等预处理器通过嵌套模拟HTML结构，增强逻辑表达；3.BEM命名让类名即语义，便于团队协作；4.通过层级限制和局部作用域防止样式泄漏。这些技巧共同构建高效、可扩展的样式管理体系。
-
JavaScript迭代器是统一遍历机制，核心是实现Symbol.iterator方法，该方法返回含next()的对象；Symbol.iterator是内置symbol，作为可迭代协议入口，原生对象如Array、String等默认支持，也可为自定义对象手动添加。
-
页面旋转后布局异常的主因是CSS未适配方向切换，解决关键为准确监听方向变化并动态应用样式；优先使用@media(orientation:portrait/landscape)实现原生响应，辅以resize事件监听+class切换兜底，避免固定尺寸和绝对定位，并通过viewport标签与真机测试保障兼容性。
