-
使用background-size属性可控制背景图自适应容器，cover等比缩放并完全覆盖容器但可能裁剪，适合全屏背景；contain完整显示图片但可能留白，适合LOGO；100%100%拉伸填满但可能变形；还可设固定尺寸或结合媒体查询响应式适配，推荐优先尝试cover和contain。
-
ServiceWorker是浏览器后台运行的网络拦截器，可拦截请求、缓存资源、实现离线访问；需注册、安装预缓存、拦截响应三步完成离线能力，支持多策略缓存与推送通知，但须HTTPS环境且注意生命周期控制。
-
动画加载闪一下的本质原因是初始状态未显式声明，导致浏览器按默认值渲染，与动画0%帧不一致；需用animation-fill-mode:both配合明确定义的0%关键帧，或采用CSS类+JS控制初始状态。
-
<p>JavaScript中的map方法用于对数组每个元素进行处理并返回新数组。map是数组方法，通过传入函数处理每个元素，返回新数组，原数组不变，例如numbers.map(n=>n*2)返回新数组。常见用途包括：1.数据转换，如提取对象字段；2.不推荐直接调用异步函数，应结合Promise.all使用；3.React中配合JSX渲染列表。注意点有：不修改原数组、不能中途break、别滥用做副作用、必须返回值构建新数组。掌握map能提升代码简洁性和可读性。</p>
-
WebWorker是浏览器提供的独立线程API，用于并发执行计算密集型任务；它隔离于主线程、无DOM访问权限，通过postMessage通信，需同源HTTP环境运行。
-
商品详情页主体内容必须置于唯一<main>内，包含标题、价格、SKU、购物车按钮及图文详情；<article>仅用于可独立复用的内容如单条评论；<aside>仅承载可移除的辅助信息。
-
Intl是JavaScript内置国际化API，支持日期、数字、货币、列表、相对时间和字符串排序的本地化格式化；需传入语言标签如"zh-CN"创建实例，不处理文本翻译。
-
audio没声音主因是浏览器自动播放策略限制，需用户交互后调用play()；其次检查muted属性、文件路径格式、MIME类型、音量设置及父容器静音状态。
-
JavaScript原型链是对象继承的基础，通过__proto__链接原型实现属性查找。构造函数的prototype被实例的[[Prototype]]引用，形成链式结构。使用Object.create()可实现安全继承，避免副作用；ES6的class和extends为语法糖，底层仍基于原型链。正确设置constructor指向并注意属性屏蔽，才能确保继承行为正常。掌握这些机制是理解JS面向对象的核心。
-
多层div布局的层叠关系由z-index和堆叠上下文决定。1.z-index控制定位元素在z轴的显示顺序，数值越大越靠前；2.堆叠上下文限制z-index作用范围，父元素创建堆叠上下文后，子元素的层叠仅在内部比较；3.opacity、transform、filter等属性会触发新堆叠上下文；4.实际布局中应合理使用position、避免不必要的堆叠上下文触发，并用小范围z-index值便于维护，防止遮挡混乱。
-
JavaScript状态管理核心是集中存储、可预测更新、响应式同步，通过对象+发布订阅实现commit/subscribe机制，支持快照回溯与Proxy响应式，可封装为createStore工厂函数。
-
HTML表格中添加二维码显示，可以通过以下几种方式实现：一、使用图片标签直接插入二维码这是最简单的方式，先生成二维码图片，然后在 HTML 表格中通过 ![]()
标签插入。示例代码：
| 名称 |
二维码 |
| 示例链接 |
![]()
在HTML表格中添加二维码的核心方法是使用前端JavaScript库动态生成，并嵌入到<td>元素中。1.首先构建包含data-qr-content属性的表格结构；2.引入qrcode.js等库；3.使用JavaScript遍历单元格，读取data属性内容并生成二维码绘制到对应单元格内。客户端生成优点包括实时性强、减轻服务器压力和部署简单，适用于数据量不大且内容变化不频繁的场景；服务端生成则适合大批量、静态或需高质量打印的情况。常见实现方式包括基于canvas绘制、生成DataURL嵌入img
-
const声明必须初始化且不可重赋值，let允许后续赋值；两者均有TDZ；默认优先用const，仅需重赋值时用let；const锁定绑定而非值，let在闭包中提供独立块级绑定。
-
一、通过内联样式在body标签中设置style="background-color:#f0f0f0"可快速更改背景色；二、在head部分使用style标签定义body{background-color:lightblue}实现内部样式控制；三、创建外部CSS文件写入body{background-color:#e0e0e0}并通过link标签引入，便于多页面统一管理；四、背景色可采用十六进制如#ffcc00、RGB函数如rgb(255,99,71)或预定义名称如aqua等多种格式。
-
HSL的亮度（L）更易读，因其是0%–100%直观数值：0%纯黑、50%原色平衡、100%纯白；相比RGB需调三值、HEX不可读，HSL让明暗调整一目了然。
|
