-
JavaScript中import和export用于模块化编程，正确使用需注意以下要点：1.命名导出通过export关键字导出多个变量、函数或对象，导入时用{}按名称引入；2.默认导出使用exportdefault导出单个主要功能或组件，导入时可自定义名称；3.混合导入时先写默认导出再写命名导出；4.路径可省略扩展名并支持别名配置；5.按需导入优于全部导入以提升性能；6.避免循环依赖可通过重构代码解决；7.动态导入通过import()函数实现延迟加载。
-
使用HTML的<time>标签能提升网页内容的语义化和机器可读性。1.核心在于datetime属性，它遵循ISO8601标准，提供精准的时间信息；2.时间格式包括完整日期（YYYY-MM-DD）、日期时间（YYYY-MM-DDTHH:mm:ss）、带时区的时间、仅时间、年份/月份、周数及持续时间（如PT8H30M）；3.应用场景涵盖博客发布日期、活动时间、电商促销、社交媒体动态等需机器识别的时间信息；4.常见误区包括忽略datetime属性、不标明时区、误将<time>当作日期样式
-
JavaScript中使用splice方法删除数组元素的原理是通过指定起始索引和删除个数来实现，它会修改原数组并返回被删除元素的数组；与delete操作符的区别在于，splice真正移除元素并调整数组长度和后续元素索引，而delete仅将对应位置设为undefined且不改变数组长度，导致出现稀疏数组。1.splice方法的基本用法是array.splice(startIndex,deleteCount)，其中startIndex表示开始删除的位置，若超出数组长度则不删除元素；deleteCount表示删
-
SubresourceIntegrity（SRI）通过验证外部资源的完整性来提升前端安全性。1.它防止CDN劫持或篡改，确保从外部加载的资源未被修改；2.防御供应链攻击，避免因依赖库被植入恶意代码而受影响；3.减少人为失误带来的风险，如错误版本上传至CDN。SRI通过在HTML标签中添加integrity和crossorigin属性实现，浏览器会比对资源哈希值，不匹配则拒绝加载。虽然SRI提升了安全性，但也存在维护成本高、需指定固定版本、错误处理复杂等挑战，需通过自动化流程应对。
-
BOM在实时音视频通信中的角色是提供入口和桥梁，真正实现通信的是WebRTC。1.BOM通过navigator.mediaDevices接口，让JavaScript能够访问用户的摄像头和麦克风，获取MediaStream对象；2.WebRTC负责建立点对点连接，通过RTCPeerConnection管理连接、NAT穿透和媒体传输；3.信令服务器（通常基于WebSocket）负责交换SDP和ICE候选者，帮助建立初始连接；4.ICE框架结合STUN/TURN服务器，解决NAT和防火墙问题，确保连接稳定；5.
-
Unocss图标库如何按需引入并优化性能？首先安装Unocss核心库及所需图标集，如@iconify-json/mdi；其次在uno.config.js中配置presetIcons并启用Tree-shaking，通过include和exclude限制扫描范围以提升构建速度；接着在模板中使用i-图标集-图标名格式的类名调用图标；构建工具如Vite默认支持Tree-shaking，Webpack则需开启mode:'production'；最后可通过分析打包工具插件验证Tree-shaking是否生效。为避免扫
-
WebManifest是PWA的核心配置文件，它通过定义应用名称、图标、启动方式等参数，使Web应用具备类似原生应用的体验。1.创建manifest.json文件并填写必要字段如name、short_name、start_url、display等；2.在HTML中通过<link>标签引用该文件；3.配置ServiceWorker以实现离线功能；4.正确部署所有资源至服务器；5.使用ChromeDevTools调试Manifest、ServiceWorker及缓存；6.设计适配不同设备的多尺寸P
-
颜色对比度不佳主要影响五类用户群体：1.低视力用户，因文字与背景对比不足导致无法识别字符；2.色盲或色弱用户，特定颜色组合在他们眼中难以区分甚至完全混淆；3.老年用户，因年龄增长导致对比敏感度下降，对蓝光和暗色识别困难；4.处于特殊环境的用户，如强光或昏暗环境下使用设备的人；5.暂时性视觉障碍用户，如眼睛疲劳、干涩或佩戴不合适眼镜的人。颜色对比度不仅是视觉设计的一部分，更是确保信息可访问性的基础，影响所有用户的阅读体验。WCAG标准提供了对比度的衡量依据，常规文本至少需达到4.5:1，大号文本为3:1。提
-
WebWorkers在JavaScript中用于在后台运行脚本，不影响主线程性能。使用方法包括：1.创建独立的JavaScript文件（如worker.js）；2.在主线程中初始化并使用Worker。注意通信、安全性和错误处理。
-
Promise.resolve的核心作用是将任何值包装成已解析的Promise。1.若传入值是Promise，则直接返回该Promise；2.若传入值是thenable对象，会调用其then方法并等待解析；3.若传入其他值，则返回以该值立即解析的新Promise。它常用于统一处理同步或异步结果，使代码保持链式调用的一致性。此外，它也适用于创建立即解析的Promise作为链式起点。与newPromise不同，Promise.resolve不启动新的异步任务，而是标准化已有结果。其“展平”机制能避免嵌套Pro
-
WebUSBAPI让网页能直接与USB设备通信，其核心步骤是用户触发动作、浏览器请求权限、JavaScript通过USBDevice对象实现数据交换。具体流程包括：1.在HTTPS环境下通过用户手势调用navigator.usb.requestDevice()获取设备访问权限；2.使用device.open()打开设备并选择配置；3.声明接口device.claimInterface()；4.通过控制传输、批量传输、中断传输等方式进行数据交互。应用场景涵盖教育领域（如Arduino编程）、工业控制（如条码
-
要检测BOM中用户的社交分享支持，核心是使用navigator.share和navigator.canShareAPI。首先，检查navigator.share是否存在，若存在则浏览器支持基础的WebShareAPI；其次，使用navigator.canShare(shareData)判断是否可分享特定数据，以提升用户体验。navigator.share不可用的原因包括：必须在HTTPS环境下运行、需由用户手势触发、浏览器支持度差异及PWA上下文限制。处理不同社交平台差异的方法包括：提供自定义分享按钮，按
-
在JavaScript中获取鼠标点击坐标可以通过监听click事件并使用event对象的clientX和clientY属性实现。1.使用clientX和clientY获取视口坐标。2.使用pageX和pageY获取文档坐标。3.处理跨浏览器兼容性问题，使用兼容代码。4.对于触摸设备，监听touchstart事件并使用touches或changedTouches获取坐标。
-
箭头函数与普通函数的核心区别有三点：1.this绑定方式不同，箭头函数无自己的this，继承定义时词法作用域的this；2.箭头函数无arguments对象，使用最近非箭头父函数的arguments；3.箭头函数不能作为构造函数，不可用new调用。普通函数动态绑定this，拥有自身arguments对象，并能作为构造函数创建实例。此外，箭头函数支持隐式返回，不能使用yield，通常用于事件处理和回调中以保持this一致性，但在需要动态this或构造函数的场景应使用普通函数。
-
JavaScript的filter方法用于筛选数组中符合条件的元素并返回新数组。它不会修改原始数组，而是通过回调函数对每个元素进行判断，返回true则保留，false则排除。常见应用场景包括数据筛选、清理无效值、权限管理及去重。使用时需注意性能问题，如避免多次过滤大数据集，并确保回调函数无副作用。
