你要的红包雨插件来了 开发背景 双十一公司要做一个往下掉的效果红包雨，双十二又要从下往上喷的效果，安排！经过奋战，我把它封装成了npm包，方便在今后的各个业务中灵活使用。今天笔者就探讨一下往下掉的效果

1. 新建一个vue项目

可以直接显示图片拖动也可以点击之后再显示图片拖动 效果 template 在mounted中执行方法其中 需要注意的是 采用了 jquery以及相关功能需要安装插件

使用 Vue.js 开发项目，在某些场景下，我们还是避免不了要操作 DOM，于是 Vue.js 设计并提供了自定义指令，允许用户进行一些底层的 DOM 操作。

简介 Directive:  就是vue的自定义指令，除了核心功能默认内置的指令 (例如 v-model 、 v-show、v-if等)，Vue 也允许注册自定义指令。注意，在 Vue 中，代码复用和

高效实现需求，避免重复造轮子。今天给大家分享的是，如何在最短的时候内实现右键菜单。方法也很简单，一个插件就可以搞定，话不多说，上效果图：

一.全页面刷新 1.修改 App.vue，代码如下： 重点如下图所示： 2.到需要刷新的页面使用 inject 进行导入并引用 reload： 3.在需要进行调用的方法中调用 this.reload(

本文首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。 一、前言 入职的第一个需求是跟着一位前端大佬一起完成的一个活动项目。 由于是一起开发，当然不

在app端常常看到类似加载数据的动画，接下来我们来实现滚动触底加载动画提示，以及如何复用这些逻辑。 经过上面三种情况的分析，我们需要拿到 可视区域的高度 , 滚动高度 , 文档高度这三个变量来进行比较。 将滚动逻辑抽取成 mixins 放在 scroll.js 中。优化功能点如…