-
vw/vh“不听话”因基于视口尺寸且受地址栏收放、横竖屏影响而突变；应优先用100dvh，降级用JS更新--vh变量；vmin/vmax适用于约束极端比例，非等比缩放；mix-blend-mode需配合isolation:isolate；calc内运算符前后须有空格，不可嵌套。126 收藏 -
Map适用于键为任意类型且需保持插入顺序的键值映射，Set适用于自动去重和高效存在性判断的唯一值集合；对象适合结构化数据，数组适合有序索引列表。222 收藏 -
flex-wrap后justify-content:center不居中，因其仅对每行内子项生效，末行子项不足时靠左；真正整体居中应选grid布局或text-align+inline-flex方案。487 收藏 -
JavaScript是现代前端开发的基石且日益成为全栈及跨领域岗位的硬性要求，支撑网页交互、主流框架、构建工具、Node.js服务端开发、自动化测试、数据可视化及浏览器插件等全场景应用。311 收藏 -
grid-template-rows不能直接实现等高列，真正起作用的是align-items:stretch（默认值）使子项在行内拉伸等高；需避免height固定、display:contents、overflow隐藏等干扰因素。121 收藏 -
Canvas压缩图片需按原始宽高比缩放，用naturalWidth/Height获取真实尺寸，限制长边缩放；iOS需解析EXIFOrientation并旋转校正；读取文件须在onload回调中处理；JPEG压缩优先于PNG以控体积。395 收藏 -
Puppeteer截图+FFmpeg合成MP4是最可行方案：启动Chromium实例准确渲染各类内容，逐帧截图后用FFmpeg严格按帧率、尺寸、无音频参数合成视频，需注意环境字体、权限及动态内容就绪检测。234 收藏 -
flex-shrink默认值是1，但元素仍可能溢出，因其受min-width:auto（默认）和内容固有尺寸限制；需配合min-width:0才能有效收缩。491 收藏 -
使用rgba或hsla结合opacity可通过transition或@keyframes实现颜色与透明度的平滑动画，如按钮悬停变色淡入效果，配合硬件加速提升性能。244 收藏 -
本文介绍如何在纯HTML/CSS中构建适合PDF打印的多列布局，重点解决浏览器打印预览或转PDF时列样式失效的问题，通过CSSGrid实现稳定、响应式且可跨页延续的列结构。343 收藏 -
%placeholder不能直接编译为CSS类，因其仅为Sass抽象占位符，不生成输出，仅当被@extend调用时才将声明注入目标选择器；未被引用则被编译器静默丢弃，且不支持参数、跨嵌套作用域或模块间默认共享。312 收藏 -
Canvas在高分屏模糊的根本原因是CSS像素与设备物理像素不匹配，需按devicePixelRatio缩放canvas.width/height并调用ctx.scale(dpr,dpr)校正。410 收藏 -
本地CSS加载更快但需维护路径和构建流程，远程CSS依赖网络却可复用CDN缓存；生产环境优先本地化第三方样式，仅当资源极稳定、多站共用且配置好CSP与fallback时才考虑远程引入。391 收藏 -
调用setMapTypeId()可切换GoogleMaps视图类型，需确保地图已初始化且传入正确小写值（如"satellite"）；高德需用AMap.TileLayer.Satellite控制显隐；Leaflet则通过add/remove图层切换。379 收藏 -
JS代码分割通过动态import()和构建工具将应用拆分为按需加载的chunk，提升加载速度与用户体验。470 收藏
