-
用display:flex实现图片+文字垂直对齐需设flex-direction:column，图片容器用aspect-ratio+object-fit:cover防拉伸，文字截断必加min-width:0配合ellipsis三件套。
-
HTML5<audio>仅支持特定容器与编码组合：MP3需MPEG-1LayerIII、WAV限16位PCM、OGG仅Opus/Vorbis、M4A/MP4须AAC-LC或ALAC；浏览器兼容性差异大，需用<source>按优先级fallback并精确声明type，且服务端须配置正确Content-Type、CORS及Range支持。
-
IE9及更早版本不支持HTML5动画核心特性，降级需放弃CSS动画、SVG动画等，改用JS驱动的DOM操作并规避重排，结合特性检测而非UA判断兼容性。
-
该错误表明npm在当前目录下找不到package.json文件，通常因项目未初始化或命令执行路径错误导致；只需在正确目录下运行npminit创建配置文件，即可解决安装失败问题。
-
align-items是容器级属性，控制所有子项在交叉轴上的对齐；align-self是子项级覆盖属性，优先级更高，可单独调整某子项对齐方式。
-
低色域屏幕不影响HTML颜色语法的正确性，只导致人眼判断偏差；rgb()、hsl()等值本身无误，但显示受限于屏幕色域覆盖，造成调试失准。
-
JavaScript数组方法的核心在于理解返回值类型、是否修改原数组及遍历时机；sort、reverse、splice、fill、copyWithin会意外修改原数组。
-
ServiceWorker是运行在浏览器后台的独立JavaScript线程，作为事件驱动的代理层拦截并响应网络请求，需HTTPS注册、生命周期由浏览器控制；注册后需两次刷新才能完全激活，配合cacheAPI与fetch事件实现离线能力，缓存更新需手动清理旧版本。
-
localStorage存取数据最安全做法是：存对象用JSON.stringify()、取值先判空再JSON.parse()；键名用字母数字组合；超限时捕获QuotaExceededError并降级；避免clear()误删，批量删除需遍历判断前缀。
-
通过统一字体、优化输入框反馈、美化按钮和布局间距，可显著提升表单的美观性与用户体验。1.设置表单元素继承字体并规范基础样式；2.利用:focus增强输入焦点视觉反馈；3.自定义提交按钮样式并添加悬停效果；4.合理使用标签间距与flex布局实现清晰结构。保持整体风格一致即可让表单更专业。
-
hue-rotate()通过旋转色相环改变颜色，非直接加红；偏红需据原图主色调调整角度，黑白图无效，须先取消灰度；作用域需隔离图标元素；应将hue-rotate()置于filter链首位以防发灰；iOSSafari存在兼容性问题，需兜底方案。
-
WebUSB和WebBluetooth必须经用户显式授权且仅限安全上下文（HTTPS/localhost）；WebUSB需满足协议、触发方式、设备过滤三条件，WebBluetooth依赖系统蓝牙开启、权限、设备可见性及正确过滤。
-
rotate()需配合transition或@keyframes才能实现动画，单独transform:rotate(45deg)仅为静态效果；须注意单位（deg）、方向（正顺负逆）、原点（transform-origin）、性能（仅用transform过渡）及上下文影响。
-
必须为html和body显式设置height:100%或100vh，否则仅父容器设height:100vh会导致子元素塌陷；全屏布局中优先用flex:1而非height:100%传递高度，移动端建议用100dvh替代100vh。
-
CSS转内联样式有四种方案：一、手动提取并逐元素标注；二、用PostCSS插件自动注入，忽略伪类和媒体查询；三、Python脚本批量解析注入，需处理!important；四、在线工具临时转换，需人工修正失效引用。
