-
prefers-color-scheme是纯CSS媒体查询，用于响应系统深色/浅色偏好，需先写基础样式再用@media覆盖暗色模式，避免漏掉浅色适配；护眼模式须重构色彩系统而非简单降亮；用户手动切换应分层存储状态，双模式叠加推荐用CSS自定义属性与color-mix()动态混合。
-
CanvasAPI不提供开箱即用的绘图交互，需手动管理鼠标状态、路径绘制与撤销逻辑；关键在连点成线、正确使用beginPath()/moveTo()/lineTo()，撤销需保存操作指令或双canvas缓存，导出图片须注意跨域、像素尺寸与格式参数。
-
PostCSS自动加前缀失效主因是browserslist配置过新，导致autoprefixer认为无需加前缀；需检查.browserslistrc或package.json配置，确保覆盖旧版浏览器，并确认autoprefixer在PostCSS配置中显式调用。
-
浮动布局中垂直对齐需借助其他CSS属性实现，因vertical-align对浮动元素无效。可通过line-height使单行文本居中，或设置父容器为table-cell并使用vertical-align来间接控制。但更推荐改用flex布局，通过align-items:center实现可靠垂直居中，避免float的局限性。
-
在HTML中使用CSS悬停效果可以通过:hover伪类实现。1.基本颜色变化：通过改变元素颜色，适用于按钮和链接。2.动画过渡效果：使用transition属性实现平滑过渡，提升用户体验。3.阴影效果：通过box-shadow属性添加阴影，增强元素立体感。4.复杂动画效果：使用@keyframes和animation属性实现复杂动画，如旋转和缩放。
-
可直接用fetch获取远程二进制资源并转为Blob下载或解析，关键在于正确设置请求头、响应类型及合理使用BlobAPI；需避免内容协商干扰、禁用.json()/.text()解析，改用.blob()或.arrayBuffer()，注意CORS限制与download属性触发条件。
-
novalidate属性可禁用表单默认前端校验，仅作用于当前form，不影响JS校验与后端验证，是语义化标准方案。
-
console.log()对Error对象的输出行为是环境特定的调试优化：浏览器和Node.js均会特殊处理Error实例，优先展示可读性更强的错误摘要（如ReferenceError:xxxisnotdefined），而非默认展开其所有属性与方法；这并非丢失数据，而是格式化策略差异所致。
-
最简单实现图片旋转是用CSStransform:rotate(45deg)，需带deg单位，默认以中心为原点，可配合transform-origin调整，加transition实现平滑过渡。
-
设column-count无反应主因是容器未设height或内容不足；需确保块级容器、足够内容、无overflow:hidden截断，且避免与flex/grid混用。
-
怎样用替代文本域不是“设置出来的”，而是用标签直接写的。很多人卡在第一步：误以为给加个属性就能变多行——不行，type="text"永远单行，type="textarea"不存在。常见错误现象：input设置了rows或cols属性但没效果；加了wrap="soft"也没用；CSS强行设height和white-space后换行显示异常。是独立标签，必须成对出现（...），内容写在标签中间默认可换行、可滚动、支持回车提交（除非form阻止默认行为）
-
multiple属性仅对<inputtype="file">和<select>有效：前者支持多文件选择并返回FileList，后者启用多选需配合size属性且须用selectedOptions获取值；其他元素添加无效。
-
grid-gap为什么对图片马赛克没反应？因为grid-gap只作用于grid容器的直接子元素之间，如果你把直接塞进display:grid容器却没设grid-template-columns/rows，浏览器可能按单列流式渲染，间隙就“看不见”。更常见的是：图片被拉伸变形后撑满单元格，间隙被视觉上“吞掉”了。实操建议：必须显式定义网格结构，比如grid-template-columns:repeat(3,1fr)给加object-fit:cover或ob
-
::-webkit-slider-runnable-track仅WebKit浏览器支持，Firefox需用::track和::thumb配合appearance:none，但原生支持弱；跨浏览器建议弃用原生range，改用自定义DOM结构。
-
测试金字塔模型指导JavaScript项目构建高效测试策略，底层单元测试用Jest或Mocha快速验证函数逻辑，中层集成测试用Supertest或TestingLibrary检查模块协作，顶层E2E测试用Cypress或Playwright模拟用户操作，确保核心流程稳定。
