-
使用background-size属性可实现背景图像动态缩放：cover保持比例全覆盖但可能裁剪；100%100%强制拉伸易变形；contain完整显示留空白；媒体查询适配多端；CSS变量支持动态控制。
-
使用JavaScript对表单数据进行前端格式化可提升准确性与体验，如手机号分段、金额千分位、邮箱域名小写等；通过监听input或blur事件实时处理，并在submit时统一清理空格、标准化日期、过滤非法字符；结合HTML5的type和pattern属性引导输入，辅以Inputmask、Numeral.js等库处理复杂格式，平衡用户体验与数据规范。
-
CSS过渡通过transform和transition实现卡片3D翻转，核心是设置perspective、transform-style和backface-visibility，结合rotateY与transition平滑切换正背面，适用于展示类交互场景。
-
通过@import结合媒体查询可实现按设备、屏幕尺寸或主题动态加载样式，如print.css仅打印时加载，mobile.css在小屏加载，desktop.css在大屏加载；将样式拆分为reset、header等模块，按需引入可减少资源浪费，提升性能；但@import为同步阻塞操作，过多嵌套会影响渲染速度，建议少用多层导入，关键样式用<link>或内联，非关键样式可用@import延迟加载，现代项目更推荐使用Webpack、Vite等构建工具实现真正按需加载。
-
答案是构建响应式页面需以移动优先为原则，结合语义化HTML结构、CSS媒体查询、Flexbox与Grid布局、相对单位及图片自适应等技术。首先通过HTML5语义标签搭建内容骨架，确保结构清晰；在CSS中采用移动端优先策略，利用媒体查询设置断点，配合flex-direction、justify-content等Flexbox属性实现一维布局，或使用grid-template-columns、gap等Grid属性构建二维布局；同时运用rem、vw、%等相对单位提升弹性；并通过max-width:100%和he
-
JavaScript状态管理核心是让数据变化可预测、可追踪、可调试；小应用用useState/useReducer，中大型才需Redux等集中式方案，选型应匹配业务复杂度。
-
HTML5页面正文水平居中可通过五种CSS方法实现：一、margin:0auto配固定宽度；二、text-align:center配inline-block；三、Flexbox的justify-content:center；四、Grid的place-items:center；五、绝对定位加transform平移。
-
JavaScript自定义模态框核心是控制遮罩层与居中弹窗的显隐，通过classList切换show类、监听点击/ESC/背景点击事件，并阻止冒泡、禁用滚动、添加过渡动画和焦点管理实现轻量可用效果。
-
实现渐隐渐显效果需结合CSS的opacity与transition属性，通过设置opacity在0到1之间变化并配合transition定义过渡时间，可使元素平滑显示或隐藏。常见触发方式包括:hover伪类或JavaScript操作类名切换，如添加.hidden类（opacity:0）实现渐隐，移除则渐显。为优化体验，应提前设定transition，避免事件透传可结合visibility:hidden，提升性能可使用will-change:opacity，若需元素隐藏后不占空间，可辅以pointer-ev
-
Symbol是JavaScript中保证唯一性的原始类型，每次调用Symbol()都生成本质不同、不可复现的值；可用于避免对象属性命名冲突、实现“隐身”属性、跨模块共享标识（Symbol.for）及模拟私有成员与定制行为。
-
JavaScript数组并集操作的最有效方法是使用Set对象，1.使用Set可高效去重并合并数组，代码简洁且性能最优，适用于原始值类型；2.手动通过filter与indexOf组合可实现兼容性更好的去重，但时间复杂度为O((N+M)^2)，不适合大数据量；3.对于对象数组，需基于特定属性（如id）进行去重，应使用Map或reduce结合辅助对象，以属性值为键存储唯一对象，从而实现精准去重；该方法灵活支持业务逻辑扩展，如保留先出现项或合并属性，最终返回去重后的并集数组。
-
页眉使用<header>标签定义结构，结合CSS设置背景、文字样式及粘性定位，通过Flex布局实现Logo与导航并排，利用媒体查询适配移动端，提升网页语义化与用户体验。
-
Proxy是用于创建对象代理的构造函数，可拦截并自定义读取、赋值、调用等13种操作，广泛应用于响应式系统、数据验证、只读封装、懒加载等场景，但不适用于普通变量或私有字段。
-
状态机通过定义状态、事件和转移规则来管理对象行为变化。在JavaScript中可用对象实现，如电灯开关有'off'和'on'状态，响应'push'事件切换；进一步可封装为工厂函数createStateMachine，支持初始化、转移和回调，用于订单流程等场景；还可扩展钩子函数onEnter/onExit，实现登录流程中的提示与副作用处理，提升可维护性与扩展性。
-
异步操作需要超时控制以保障响应性与系统稳定性。1.使用Promise.race结合定时器可实现简单超时机制，适用于快速网络请求或无需资源清理的场景；2.AbortController提供更现代的取消机制，能真正中断如fetch等支持信号的操作，适合资源敏感型任务；3.超时控制核心价值在于提升用户体验、保护系统资源、防止级联失败、增强可靠性及维护业务逻辑完整性。
