dns

preconnect通过提前建立第三方域名连接提升加载速度，需在head中添加link标签并合理使用crossorigin属性，适用于CDN、字体等跨域场景，避免对同源使用且不宜滥用，可与dns-prefetch共存实现渐进优化。 当你希望浏览器提前建立与第三方域名的连接以提升页面加载速度时，可以使…

JavaScript Performance API 通过 Navigation Timing、PerformanceObserver 和 User Timing 三类接口实现轻量可靠的页面性能测量：前者获取导航生命周期数据，中者动态监听 paint/resource/longtask 事件，后者支…

JavaScript集成Google Maps与Mapbox的核心是加载SDK、初始化容器、设置坐标及交互；Google用@googlemaps/js-api-loader，坐标为{lat,lng}，需API Key；Mapbox用mapbox-gl-js，坐标为[lng,lat]，需Access …

fetch API 是 JavaScript 发送 HTTP 请求最常用、最现代的方式，基于 Promise、语法简洁、原生支持；GET 请求直接传 URL，POST 需设置 method、headers 和 JSON.stringify() 处理 body；需手动检查 response.ok 处理…

XHR是老式API，支持细粒度控制与事件驱动；Fetch是现代Promise-based替代方案，简洁但需AbortController中断且默认不带Cookie。新项目优先用Fetch，老系统或需进度控制时仍用XHR。 XMLHttpRequest（XHR）是浏览器内置的一个老式 API，用于发起…

JavaScript通过navigator.onLine属性和online/offline事件检测网络状态，但仅反映浏览器连接认知而非真实可达性；需结合fetch探测等增强验证。 JavaScript 主要通过 navigator.onLine 属性和监听 online / offline 事件来检…

Fetch API 是基于 Promise 的现代网络请求接口，语法简洁、支持 async/await；默认不带 Cookie，需显式配置 credentials；仅网络错误才 reject，HTTP 错误需手动检查；通过 AbortController 可中断请求。 Fetch API 是 Jav…

最推荐用 fetch API 发起 HTTP 请求，它原生支持、基于 Promise、语法简洁；需手动检查 response.ok 处理 404/500 等状态码，POST 要设 headers 和 JSON.stringify body，超时需 AbortController 实现。 用 Java…

Performance API 是浏览器原生高性能监控工具，支持微秒级精度测量代码执行、页面生命周期、资源加载、渲染指标及长任务，无需第三方库。 Performance API 是浏览器提供的一套原生接口，用来精确获取页面运行时的性能数据，比如加载时间、渲染帧率、资源加载耗时、内存使用、长任务等。它…

Fetch API 是现代浏览器发起网络请求的标准方式，比 XMLHttpRequest 更简洁且基于 Promise；需手动检查 response.ok 并调用 .json()，POST 需设置 headers 和 JSON.stringify()，默认不带 Cookie，不支持超时和上传进度监听…