在做电商类应用时，难免会遇到商品主图实现放大镜效果的场景，现有的基于Vue的第三方包不多并且无法直接复用，今天，我来分享一种高稳定性的基于 Vue 的图片放大镜方法。 放大镜的原理用一句话概括，就是根据小图上的鼠标位置去定位大图。 相信原理图已经画的很明白了， 图中，左侧框是小…

最近在撸一个电商网站，有一个需求是要像淘宝商品详情页那样，鼠标放在主图上，显示图片放大镜效果，找了一下貌似没有什么合适的vue插件，于是自己撸了一个，分享一下。小白第一次分享，各位大神莫见笑。 组件默认是100%的高宽，所以建议将组件包含在一个有固定高宽的容器内。如：

移动端页面常见的一种效果：下拉刷新（pulldownrefresh）和上拉加载（pullupload），目的都是为了增强用户的体验效果，因此各种移动端滑动插件也是层出不穷，今天小编也在这里给大家推荐一个滑动插件：better-scroll。 利用better-scroll也很轻…

大家好，我是CUGGZ。 今天来推荐几个实用的 Vue 库！ 1. 状态管理 （1）Pinia Pinia 是最新一代的 Vue 轻量级状态管理库。它适用于 Vue 2.x 和 Vue 3.x。它是

PostCss 什么是postcss 我们知道，CSS工程化面临着诸多问题，而解决这些问题的方案多种多样。 如果把CSS单独拎出来看，光是样式本身，就有很多事情要处理。 既然有这么多事情要处理，何不把

1. 什么是postcss PostCSS是一个使CSS更容易，更灵活，更快速工作的工具。PostCSS 不是 一个“真正的”预处理器。PostCSS相当于一个CSS解析器，框架或API，它允许我们使用可以完成各种任务的插件。 它本身没有任何插件，为了更改原始 CSS，我们必须…

webpack配置了px2rem之后，老项目有的border写的是1px solid xxx;这种写法写的描边在安卓部分手机上描边消失了, 这里有解决方案！

实现效果图原理将1~9的数字竖直排版，通过translate移动位置显示不同数字，使用transition控制transform属性有动画效果技术点实现代码（注释比较详细，不再赘述）数字背景图片

在学习过基础 SVG 动画原理后，如果结合我们熟悉的技术栈使用岂不是更爽。`GSAP` 提供了 npm 安装包，下面我们来在 `Vue` 项目中集成 GSAP。