先看实现效果： 实现过程 根据查阅文档，要实现拖拽功能，大概有三种方式： 1.给需要实现拖拽的元素监听catchtouchmove事件，动态修改样式坐标 这种方式最容易想到，通过js监听触摸位置动态修

封装成组件，可以直接在需要的页面调用，使用自定义指令实现拖动，url也可以接受一个数组，这样可以实现上一页下一页的更多更多功能，可以输入框编辑如图

自定义手势事件, （双指缩放，滑动，双击。。。） 图片预览即点击图片在页面中插入一个黑色全屏背景框并将图片居中显示。封装时，为了只对指定图片添加功能，可通过监听指定类名或添加某种属性的img标签监听；另外需在对背景框绑定点击事件，退出预览模式。一下是一个简单示例代码：

它拥有无与伦比的预览交互体验：从打开图像开始，每一帧的动画、细节和交互都经过了精心设计与反复调试，媲美原生图片预览的效果。

说实话这个问题真很搞心态，在搞不定就只能跟设计说，不要圆形头像了，谢天谢地，这个问题还是解决了。

前段时间在掘金 app 多了一个推广中心，分享课程链接，若有其他用户从你分享的链接购买，你就可以获得佣金，本篇介绍下全民分销功能实现原理。

在经历了多个uniapp小程序项目开发后，我将我大量的踩坑实战经验复盘总结，其中除了uniapp外还有一些小程序开发的注意点，希望这篇文章可以帮助大家避坑。以下全文干货（干到口渴那种）！

2022前端面试问题集锦 整理了自己面试前端（主要技术是vue）的各种问题，以及一些算法答案，面试回答思路等等

微前端是目前比较热门的一种技术架构，挺多读者私底下问我其中的原理。为了讲清楚原理，我会带着大家从零开始实现一个微前端框架！