-
前端通过fetch获取文件流并创建BlobURL，利用隐藏a标签触发下载；2.后端使用Node.js的Express框架，通过res.download发送本地文件或res.send发送动态生成内容，并设置Content-Disposition响应头以触发浏览器下载；3.对于大文件，采用fs.createReadStream进行流式传输，避免内存溢出；4.跨域时需配置CORS并暴露Content-Disposition头部；5.生产环境应增加权限校验确保安全。
-
animation结合opacity与translate可实现流畅的淡入滑入效果，如模态框、提示信息等；opacity控制透明度，translate实现无重排位移，两者均由GPU加速，性能优异；通过transition或@keyframes定义动画，配合forwards保持终态，建议避免使用left/top等触发重排的属性，可用will-change提升渲染效率，适用于页面提示、侧边栏展开等场景。
-
flex-direction:column在移动端失效主因是父容器缺乏明确高度约束，需设min-height:100dvh或height:100dvh，并确保祖先节点无overflow:hidden；iOS滚动需显式overflow-y:auto且配合-webkit-overflow-scrolling:touch。
-
使用TensorFlow.js可在浏览器中直接运行AI模型，无需安装软件。首先通过tf.loadLayersModel()加载预训练模型文件（如model.json），再将用户输入的图像、文本等数据转换为张量格式，调用model.predict()进行推理，并提取结果。为提升性能，应启用WebGL加速、使用tf.tidy()管理内存、采用量化模型减小体积，同时添加加载提示与错误处理以优化体验。整个过程涵盖模型加载、数据预处理、推理执行和性能优化四个关键步骤。
-
本文详解如何在D3.js（v7）中构建支持触屏设备（如iPad）的Gantt图表，实现仅沿时间轴（X轴）缩放、自由垂直平移、动态刻度更新及稳定触摸交互，彻底解决原d3-xyzoom在移动端缩放偏移、意外上滑等兼容性问题。
-
本文详解Bootstrap多断点下因重复ID导致密码可见性切换失效的问题，指出根本原因在于多个同名id="sifre"元素违反HTML唯一性规范，使JavaScript仅操作首个元素；并提供单表单+响应式类组合的正确实现方案。
-
async/await是Promise的语法糖，不改变其执行机制，仅提升可读性与调试体验；它支持try/catch错误处理、清晰调用栈、灵活控制并发，但需注意串行/并发逻辑设计。
-
HSLA是一种直观的颜色表示方式，代表色相（Hue）、饱和度（Saturation）、亮度（Lightness）和透明度（Alpha），语法为hsla(h,s%,l%,a)；其中h取值0到360，对应色轮上的颜色位置，如0为红色、120为绿色、240为蓝色；s%表示饱和度，0%为灰度色，100%为完全饱和；l%表示亮度，0%为黑色，50%为标准亮度，100%为白色；a为透明度，范围从0（完全透明）到1（完全不透明）。例如hsla(200,70%,50%,0.6)表示一个中等亮度、高饱和度的蓝色，具有40%
-
要实现瀑布流布局中图片自动排列并填补最短列的效果，需结合CSS与JavaScript。1.纯CSS方案可使用column-count属性实现基本多列布局，但无法保证最短列优先填充，且内容可能被截断；2.推荐使用CSSGrid配合JavaScript，通过计算每列高度并动态将元素插入最短列，实现紧凑排列；3.可借助Masonry.js等成熟库自动处理元素定位、响应式及图片加载，确保布局精准高效。该方法能真正实现“哪个列短就往哪里塞”的瀑布流效果，最终形成参差错落、视觉均衡的布局，完整支持现代浏览器环境下的复
-
浮动元素会脱离文档流并影响后续布局，块级元素忽略其位置而文本内容环绕其周围，可能导致布局错乱和父容器高度塌陷，需通过clear属性、创建BFC或使用Flexbox/Grid等现代布局技术来控制影响。
-
字符串转数组用split()，空字符串split("")返回空数组；includes()语义清晰但IE不支持，indexOf()可定位且兼容IE；replace()需/g或replaceAll()才替换全部；拼接长字符串优先用模板字面量或join()。
-
JavaScript对象属性可动态增删，点号语法适用于合法标识符，方括号支持动态键名；delete删除自身可配置属性，in检查原型链存在性，hasOwnProperty或Object.hasOwn判断自身属性。
-
box-shadow默认不占布局空间且随border-radius圆角延伸，外阴影不受overflow影响，内阴影可能被overflow:hidden裁剪，需通过padding或伪元素避免；多重阴影按书写顺序叠加，前一个覆盖后一个，正确设置可确保阴影在盒模型中准确呈现。
-
absolute元素宽度“塌陷”是因脱离文档流后按shrink-to-fit规则计算；需根据需求选left/right或width：同宽父容器用left:0;right:0;，内容自适应用min-width:fit-content;等。
-
HTML5播放RTMP流需借助第三方方案：一、flv.js+Nginx-rtmp-module转HTTP-FLV；二、video.js+HLS/DASH转封装；三、hls.js播已转HLS流；四、WebRTC网关实现低延迟。
