-
打印样式必须用@mediaprint包裹，正确引入方式为<linkrel="stylesheet"href="print.css"media="print">或内联@mediaprint{...}；需隐藏交互元素但保留语义结构，强制黑白、调整字号适配纸张，慎用webfont，分页控制优先用break-inside:avoid并真机测试。
-
auto-fill未填满容器是因为它只尽可能多地重复满足最小宽度的轨道，不主动撑满；受父容器限制、box-sizing、minmax最小值设定及viewport影响。
-
Tailwind的JIT模式能明显加快CSS生成，因为它将类名扫描与CSS生成从构建时移至开发时，且仅生成实际使用的类，避免预生成海量冗余变体。
-
减小JavaScript包体积可提升加载速度与用户体验，核心方法包括精简代码、按需加载和优化传输。首先检查依赖，移除未使用包，选用轻量库如dayjs替代moment.js，并利用TreeShaking只引入必要代码。其次通过动态import实现路由级懒加载，将第三方库单独分包，结合splitChunks提取公共模块以提升缓存利用率。构建时启用Terser压缩代码，支持Gzip或Brotli压缩可减少60%以上体积，使用source-map-explorer分析大文件模块。现代工具链如Vite提升构建效率，
-
背景图片位置不正确通常因默认值未匹配设计需求，需明确坐标基准、单位和方向；background-position定义图像左上角相对于内容区左上角的偏移，支持px/%/关键词，百分比有特殊对齐规则，常用center、righttop等组合精确定位，并注意no-repeat、宽高设置、fixed定位及overflow影响。
-
errorCaptured是Vue2.5+和Vue3中用于捕获子组件（含孙子）在渲染、生命周期钩子或事件处理中抛出的同步错误的钩子，不捕获自身错误和未桥接的异步错误；需返回false阻止错误冒泡。
-
canvas标签本身不绘图，仅提供空白画布，绘图需通过JavaScript调用getContext('2d')获取2D渲染上下文；width/height须用HTML属性设置，CSS仅缩放；drawImage需确保图像加载完成；clearRect清除像素，save/restore管理绘图状态。
-
Prettierv2.0+原生支持CSS，但需扩展名匹配且未被忽略或覆盖；执行npxprettier--parsercss--check可验证识别。
-
background-size:cover等比缩放图片完全覆盖容器并裁剪多余部分，保持原图比例；100%100%强制拉伸填满宽高，易导致变形。
-
核心是用auto-fit与minmax()配合实现列数自适应：auto-fit会收缩空列，避免卡片压扁；minmax(280px,1fr)设定列宽范围；gap统一控制间距，比margin更可靠。
-
Grid子元素默认等高，因align-items:stretch使子项拉伸至行高；避免align-self:start、固定height或IE11兼容问题即可保持等高。
-
本文详解如何通过修正CSSposition:absolute的定位属性，解决蓝色导航条在页面中随机错位的问题，核心是正确使用top或bottom而非混用导致布局失控。
-
flex-wrap:wrap在手机上没生效的主因是仅设display:flex而漏写flex-wrap，且子项不可收缩（如长单词、未设max-width的图片、min-width过大等），需同时设置flex-wrap:wrap、min-width:0、word-break:break-word及max-width:100%等协同生效。
-
BEM的block__element--modifier结构不可随意更改，因其绑定CSS权重与可维护性，确保样式作用域清晰、避免覆盖；block必须是独立功能单元，element不可嵌套，modifier仅描述状态或变体。
-
HTML5Canvas无原生colorCurve滤镜，需手动操作像素实现；通过getImageData()获取像素数据，用三个长度为256的查找表（LUT）分别映射R/G/B通道，逐像素查表重算，再用putImageData()写回。
