-
FetchAPI是现代浏览器中基于Promise的网络请求标准，语法简洁但需手动处理状态码、凭证、超时等；与XMLHttpRequest相比，它不自动解析响应、不发Cookie、无内置超时和进度监听，需显式配置credentials、headers并配合AbortController使用。441 收藏 -
return会立即终止生成器函数的执行，返回指定值并设置done为true，后续next调用不再产生新值。441 收藏 -
可通过HTML5与CSS定位、Grid、Flexbox、Canvas或Clip-path五种方法实现图片层叠：一用绝对定位加z-index；二用Grid的grid-area与order；三用Flexbox负边距与transform；四用Canvas按序drawImage；五用clip-path裁剪局部叠加。441 收藏 -
核心是使用原生DOMAPI：优先用querySelector（支持CSS选择器）或getElementById（ID唯一时更快），注意判空；动态创建用createElement+appendChild防XSS；修改属性区分HTML属性与DOM属性，样式推荐classList或cssText；操作前确保DOM加载完成。441 收藏 -
微前端通过沙箱机制、动态作用域绑定和资源隔离实现JS环境独立，避免全局污染；利用事件总线、共享状态、URL参数和浏览器原生能力实现应用间通信，确保协作灵活安全。441 收藏 -
JavaScript通过操作<audio><video>元素DOM接口控制音视频，核心是属性（paused、currentTime等）、方法（play()返回Promise）和事件（timeupdate、ended等），需注意加载状态与用户手势限制。441 收藏 -
通过grid-area定位网格项并结合background与border，可精准设置各区域视觉样式。1.使用grid-template-areas定义布局区域；2.为子元素指定grid-area并添加背景边框；3.可选伪元素增强装饰；4.响应式下样式随位置自动适配，保持一致性。441 收藏 -
JavaScript性能监控核心是PerformanceAPI，优先用PerformanceObserver捕获FCP、LCP、CLS等WebVitals指标，辅以performance.mark/measure自定义打点，通过sendBeacon上报并采样。441 收藏 -
使用float:left配合固定宽度（如width:20%）和box-sizing:border-box可实现列表项水平等距排列，需统一li样式并清除浮动防止父容器塌陷，推荐ul::after伪元素清除法，通过padding控制间距、white-space:nowrap防换行，确保布局整齐兼容旧浏览器。441 收藏 -
当在<router-link>上同时使用data-bs-toggle和data-bs-target时，Bootstrap的默认事件拦截会阻止VueRouter的导航行为，导致链接不可点击；本文提供兼容性修复方案，通过程序化控制Collapse实现路由跳转与导航栏收起的协同。441 收藏 -
JavaScript对象是无序键值对集合，键为字符串或Symbol，值可为任意类型（含函数即方法），本质是带行为的字典；{}字面量最常用且简洁，Object.create(null)创建无原型纯净对象，newObject()冗余少用。441 收藏 -
提取HTML中img标签的图片链接，尤其是兼容src和data-src属性，可以通过解析HTML文档并遍历所有
标签来实现。以下是一个使用Python的示例，展示了如何从HTML字符串中提取这些图片链接：✅ 示例代码（Python）from bs4 import BeautifulSoup html = '''
本文介绍在Python网络爬虫中，如何使用BeautifulSoup灵活提取img标签的图片URL，无论其使用src还是data-src属性，确保所有图片链接被一致、准确地获取为纯文本。441 收藏
属性选择器[attr^="value"]匹配属性值严格以指定字符串开头（区分大小写、不可有前置空格）；[attr$="value"]匹配严格以指定字符串结尾；[attr="value"]表示完全相等（含空格大小写），非包含匹配；子字符串匹配应使用[attr*="value"]。441 收藏
推荐用object-fit控制图片缩放裁剪：cover保持比例裁剪溢出，contain完整显示留白；需配合width/height或aspect-ratio生效，IE需fallback；容器应优先锁定宽高比，避免硬编码HTML尺寸；SVG等非位图需单独处理。441 收藏
用<img>标签加载GIF最简单兼容，但需注意尺寸性能；APNG/WebP动画支持透明但兼容性有限；大GIF应设宽高属性；自动循环慎用于移动端；播放控制需JS或<canvas>；SVG适合简单矢量动效；视频<video>更高效于复杂长动画。441 收藏
