-
直接在HTML元素的style属性中用color设置文字颜色即可，推荐使用6位十六进制（如#333）、rgb()或CSS变量（需提前定义），注意拼写、分号及对比度合规性。
-
link元素的onload/onerror事件在Chrome93+/Firefox65+支持但Safari（iOS17/macOS14）仍不触发；需优先监听原生事件，失败时降级轮询document.styleSheets并安全检查cssRules。
-
PWA必须包含start_url、display、icons（192x192和512x512PNG）、name、short_name字段，且serviceworker需在HTTPS下注册并处理fetch事件。
-
最稳妥写法是用包裹容器加isolation:isolate；contrast()和brightness()参数为数字或百分比，顺序影响效果，建议brightness→contrast；图片模糊因GPU合成层子像素渲染降级，需偶数尺寸和避免多层滤镜。
-
手机浏览器不支持直接查看网页源码；安卓Chrome可通过电脑端Ctrl+U查看，iOSSafari则需依赖快捷指令或电脑配合WebInspector。
-
:valid/:invalid伪类需表单控件进入“已验证状态”才生效，依赖required、type等原生验证属性，初始空值时部分浏览器延迟应用，须通过blur、submit或JavaScript调用checkValidity()触发。
-
z-index不生效的主因是元素未设置定位属性（position为relative/absolute/fixed/sticky），且受层叠上下文限制；需确保目标元素定位、避免祖先意外创建层叠上下文，并按功能分层管理数值。
-
本文介绍在Feathers.js（v5+）中结合Knex迁移（migrations）实现数据库表创建与初始数据加载的最佳实践，替代手动监听事件或阻塞服务启动的临时方案。
-
CustomEvent构造函数创建自定义事件需传入事件名和含detail属性的配置对象，detail为必需字段用于携带任意数据；通过dispatchEvent触发，addEventListener监听时通过event.detail读取数据；可选bubbles、cancelable等配置控制事件行为。
-
HTML中连续空格会被浏览器合并为一个，需用 、 、 等实体或CSS实现多空格效果； 防折行， 窄空格微调对齐， 全角空格适配中文排版。
-
CanvasAPI通过getImageData获取像素数据，结合ImageData对象实现灰度化、反色、亮度调节及卷积滤波等图像处理，利用TypedArray和WebWorkers优化性能，注意边界处理与alpha通道操作。
-
Grid布局中“换行异常”实为grid-auto-flow默认row流向与预期column流向不一致所致；应根据需求选用row/column/dense流向，配合grid-template-columns、grid-auto-rows等控制轨道尺寸与填充顺序。
-
HTML中给链接加UTM参数直接在标签href属性中拼接，起始用?，后续用&连接，参数名如utm_source等须小写且编码值，常见错误是&符号未转义或目标站未正确配置GA统计。
-
Vue.js中watch可监听多个搜索条件变化并同步到URL查询参数，需聚合监听、防抖处理、避免循环触发，推荐用计算属性汇总参数并监听其变化，结合路由API实现单向数据流。
-
用CSSGrid的repeat(3,1fr)可简洁实现3×3九宫格布局，无需设置子项宽高，配合gap、响应式媒体查询和基础样式增强即可快速完成自适应九宫格。
