在 H5 里，原生 touchstart / touchmove / touchend 只能告诉你「手指动了」，至于用户是单击、双击、长按，那就得自己算了，不过，别慌，AlloyFinger来帮你！

1.背景需求 最近在做一个显示图片后，通过按钮点击下载的图片的效果。网上有很多参考的例子，大概思路就是创建一个img标签，然后通过流方式输出并通过到a链接模拟打开一个新页签，触发浏览器下载图片。 大致

最近有个项目需要用到上传图片，然后在列表页回显一下图片。 需求这边还想着要不要做一个瀑布图，但是做好以后图片量太多而且图片太大，导致展示效果并不好。 尤其是放在首屏上，长时间的白屏...

本篇文章主要与大家分享利用`IntersectionObserver API` 和 HTML5原生 `loading="lazy"` 属性实现图片懒加载的进阶方案，最后我也会分享一个Hook函数。

作为一名五年经验的前端工程师，本文深度剖析图片优化的核心逻辑，结合实战案例总结 5 个关键技巧 —— 从格式选择、尺寸匹配到懒加载策略，帮你解决页面加载慢的痛点。

在前端开发中，网页截图是个常用功能。从前，html2canvas 是大家的常客，但随着网页越来越复杂，它的性能问题也逐渐暴露，速度慢、占资源，用户体验不尽如人意。 好在，现在有了 SnapDOM，一款

用 Vue3 + Canvas 从零打造一个在线图片水印工具！支持自定义文字、位置、透明度、旋转与平铺，还能一键下载。纯前端实现，无需后端，小白也能看懂，附完整源码，即开即用！

今天我们就来详细对比一下vue2+webpack和vue3+vite这两种环境下动态资源引入的差异，以及背后的原因。

uni-app 多文件上传：直接循环调用 uni.uploadFile 实现（并行 / 串行双模式） 在 uni-app 开发中，多文件上传是高频需求 —— 比如表单附件上传、多图上传等。很多同学会纠