-
本文详解如何在Chart.js中通过返回数组而非字符串的方式，让自定义tooltip的label项垂直分行列出，解决\n换行失效问题，并适配嵌套对象数据结构。
-
box-shadow本身不响应系统主题切换，需通过:root中定义带透明度的CSS变量，并在@media(prefers-color-scheme:dark)或[data-theme="dark"]中重设变量值来实现主题适配；关键在于只抽离颜色部分、使用rgba/hsla、提供fallback、避免整条阴影塞入变量。
-
Electron使JavaScript能开发桌面应用，其核心是主进程（Node.js，管理窗口和系统能力）与渲染进程（Chromium，负责UI），通过IPC通信；需main.js、index.html和package.json三文件启动，但存在体积大、内存高、安全配置复杂等代价。
-
ul必须仅包含li元素，不可直接嵌入文本或其他标签；li必须严格嵌套在ul或ol内，不可单独存在或置于非列表容器中；嵌套列表时子ul须完整位于父li标签内部；HTML5废弃type属性，应使用CSS控制样式。
-
答案：使用CSSFlex布局可高效构建导航栏，通过display:flex设置容器实现水平排列，justify-content与align-items控制对齐，gap设定间距；结合:hover伪类添加背景色变化和transition动画提升交互体验；支持多种对齐方式如flex-start、space-between等；利用媒体查询在小屏幕下切换为flex-direction:column实现响应式垂直布局，确保美观与实用性。
-
CommonJS采用同步加载和值拷贝，模块导出的是静态值；ES模块支持异步加载和动态引用，导出绑定保持实时更新，两者在加载机制、缓存策略及变量绑定上存在本质差异。
-
可通过CSStransform属性实现HTML5图片翻转：一、scaleX(-1)水平翻转；二、scaleY(-1)垂直翻转；三、rotate(180deg)旋转翻转；四、结合:hover实现悬停翻转；五、rotateY(180deg)3D水平翻转。
-
可通过监听fullscreenchange事件并检查document.fullscreenElement来准确判断全屏状态，据此动态调整UI；全屏API须在用户手势中调用，退出时用document.exitFullscreen()并处理Promise；CSS可配合:fullscreen伪类和class切换实现响应式适配。
-
在Prisma中将对象赋值给JSON列时，TypeScript对interface要求显式索引签名[key:string]:any，而type字面量则天然兼容——这源于二者在结构兼容性检查中的本质差异，理解该机制有助于合理选择类型声明方式。
-
background-attachment:fixed失效主因是父容器设置了transform、perspective、will-change或filter，导致其降级为scroll行为；iOSSafari中还受原生滚动限制，常表现为粘滞或跳帧。
-
<progress>表示任务完成比例，需有明确起点终点和value值；<meter>表示静态度量值在范围内的位置，需用low/high/optimum传达语义状态，二者不可互换，否则损害可访问性和SEO。
-
能，CSSbackground支持逗号分隔多个linear-gradient，按顺序从上到下层叠；需同声明内书写，用colorstop、transparent和background-position等配合控制区域与透明度。
-
CustomElement生命周期回调由浏览器在DOM变化时自动触发，connectedCallback仅在元素首次插入activeDOM树时执行；attributeChangedCallback需通过observedAttributes显式声明监听属性；disconnectedCallback是清理资源的主要时机但不保证总被调用；constructor仅限轻量初始化，不可操作DOM，且必须继承HTMLElement并首行调super()。
-
用repeating-linear-gradient画等距网格线最省事：通过两个渐变（0deg画横线、90deg画竖线）叠加，配合background-size:20px20px严格对齐周期，避免像素错位，兼容Chrome10+/Firefox16+/Safari6.1+。
-
纯CSS实现导航栏滑动下划线需用::after伪元素+transform+transition，设a为position:relative，伪元素初始width:0、translateX()定位，过渡写在伪元素上；JS版则需用getBoundingClientRect动态计算激活项位置并更新下划线。
