-
Puppeteer截图+FFmpeg合成MP4是最可行方案：启动Chromium实例准确渲染各类内容，逐帧截图后用FFmpeg严格按帧率、尺寸、无音频参数合成视频，需注意环境字体、权限及动态内容就绪检测。
-
flex-shrink默认值是1，但元素仍可能溢出，因其受min-width:auto（默认）和内容固有尺寸限制；需配合min-width:0才能有效收缩。
-
使用rgba或hsla结合opacity可通过transition或@keyframes实现颜色与透明度的平滑动画，如按钮悬停变色淡入效果，配合硬件加速提升性能。
-
本文介绍如何在纯HTML/CSS中构建适合PDF打印的多列布局，重点解决浏览器打印预览或转PDF时列样式失效的问题，通过CSSGrid实现稳定、响应式且可跨页延续的列结构。
-
%placeholder不能直接编译为CSS类，因其仅为Sass抽象占位符，不生成输出，仅当被@extend调用时才将声明注入目标选择器；未被引用则被编译器静默丢弃，且不支持参数、跨嵌套作用域或模块间默认共享。
-
Canvas在高分屏模糊的根本原因是CSS像素与设备物理像素不匹配，需按devicePixelRatio缩放canvas.width/height并调用ctx.scale(dpr,dpr)校正。
-
本地CSS加载更快但需维护路径和构建流程，远程CSS依赖网络却可复用CDN缓存；生产环境优先本地化第三方样式，仅当资源极稳定、多站共用且配置好CSP与fallback时才考虑远程引入。
-
调用setMapTypeId()可切换GoogleMaps视图类型，需确保地图已初始化且传入正确小写值（如"satellite"）；高德需用AMap.TileLayer.Satellite控制显隐；Leaflet则通过add/remove图层切换。
-
JS代码分割通过动态import()和构建工具将应用拆分为按需加载的chunk，提升加载速度与用户体验。
-
用纯HTML搭家乡页应先解决乱码、路径、移动端适配三大问题：保存为UTF-8withBOM；图片统一放同级images文件夹并用相对路径；必须加viewportmeta标签；语义化结构优先，再逐步增强。
-
HTML5不直接加密Wasm模块，需前后端协同实现传输加密、运行时解密与内存保护；通过服务端AES加密wasm字节码、前端SubtleCrypto解密、剥离debug信息及反调试等手段增强安全性。
-
在JavaScript中查看字符串长度的方法是使用字符串的length属性。1)基本用法：letstr="hello";console.log(str.length);输出5。2)字符串操作会生成新字符串，影响长度：str=str+"world";长度变为11。3)Unicode字符可能占两个代码单元，导致length属性返回的不是实际字符数：letemoji="?";console.log(emoji.length);输出2。4)获取实际字符数的方法：functiongetCharacterCount(
-
CSS预处理器变量需注意作用域与覆盖顺序，Sass用!default安全覆盖，Less依赖导入顺序；嵌套宜浅（≤3层），Mixin应精简参数并用命名调用；@use优于@import，模块化须规范目录与导入顺序。
-
响应式页面布局的核心是通过视口元标签、弹性布局、CSSGrid、媒体查询和相对单位协同实现。首先设置viewport元标签确保正确缩放；接着使用Flexbox实现一维自适应布局，如导航栏在不同屏幕方向切换；采用CSSGrid构建二维自适应网格，利用auto-fit与minmax自动换行与均分空间；通过媒体查询在不同断点调整样式，如字体与边距；优先使用rem、em、%、vw等相对单位替代固定像素，使元素随屏幕动态调整。综合运用这些技术即可构建跨设备兼容的响应式页面。
-
sessionStorage仅在当前标签页有效，关闭即清空，存取字符串需用setItem/getItem，对象须JSON.stringify/parse，与localStorage区别在于作用域和生命周期。
