最推荐的方式是单CSS文件+移动优先的媒体查询；若需分离文件，应合理使用media属性并理解其仍会下载所有CSS，结合prefers-color-scheme等特性可提升适配准确性。

本文介绍一种兼容Chrome、Safari（macOS）等主流浏览器的方案：通过监听window上的wheel事件并拦截带ctrlKey的缩放行为，精准阻止双指捏合缩放，同时完全不影响双指滚动体验。

JavaScript数组并集操作的最有效方法是使用Set对象，1.使用Set可高效去重并合并数组，代码简洁且性能最优，适用于原始值类型；2.手动通过filter与indexOf组合可实现兼容性更好的去重，但时间复杂度为O((N+M)^2)，不适合大数据量；3.对于对象数组，需基于特定属性（如id）进行去重，应使用Map或reduce结合辅助对象，以属性值为键存储唯一对象，从而实现精准去重；该方法灵活支持业务逻辑扩展，如保留先出现项或合并属性，最终返回去重后的并集数组。

HTML5使用<img>标签嵌入图片，需设src和alt属性；支持srcset/sizes实现响应式；可用<figure><figcaption>增强语义；loading="lazy"实现懒加载；onerror处理图片缺失。

JavaScript引擎通过JIT编译、隐藏类、分代回收等技术提升执行效率，V8等引擎将动态代码逼近原生速度，结合类型推测与内联优化减少开销，同时依赖开发者避免结构变更、合理使用闭包以协同优化性能。

JavaScript正则通过零宽断言、分组进阶、回溯引用和懒惰匹配实现复杂文本处理。1.零宽断言用于位置判断，如(?=pattern)正向先行断言提取邮箱用户名，(?!pattern)负向先行排除px结尾数字，(?<=pattern)正向后行匹配$后金额，(?<!pattern)负向后行匹配独立三位数。2.分组支持命名捕获(?<name>pattern)提升可读性，非捕获组(?:pattern)优化性能。3.回溯引用\1复用捕获内容，匹配成对引号字符串；条件模式(?(n)yes|n