前言 Pinia.js 是新一代的状态管理器，由 Vue.js团队中成员所开发的，因此也被认为是下一代的 Vuex，即 Vuex5.x，在 Vue3.0 的项目中使用也是备受推崇。 Pinia.js

vue中的指令我们并不陌生，如v-model 、 v-on 、v-show 等等。指令的意义就在于能够对于一些特定的操作进行提取和封装。提高代码的复用性和可维护性 我们都知道，vue一直都希望能够减少dom的操作，但是有的时候又不得不进行对dom的操作。我们可以直接在组件中进行…

OK,兄弟们。前面一篇文章就说过要用指令的方式来实现图片的懒加载。其实，前端发展这么多年，要实现图片懒加载非常的简单，配合上Vue的指令，30行轻轻松松实现一个高复用的Vue指令。一起来看看吧。 这里我是用的IntersectionObserver API去实现的。 简单来说可…

做vue开发，基本的操作会了之后是不是特想撸一撸vue的插件，让自己的代码可（骚）复（骚）用（的）。别急，今天和你一起手摸手，哦呸，是手把手，一起撸一管，哦再呸，是封装一个基于vue的支付宝密码弹窗插件。然后还会介绍如何书写插件的markdown说明文档、发布到github、在…

使用 vue 做了不少管理后台方面的业务，都使用了 ui 框架，或iview，或Element。用框架很香，但业务写多了也不免想自己试着实现一下框架中的一些组件，于是我选择了Form组件，没有特别的理由，就是表单组件用的实在很频繁。我看了下Element的源码，兼顾的很多，代码…

2020.04.20 修复若干bugs; 优化部分动画; 优化交互方式。 近日项目有个新需求，需要对视频或音频进行多段裁剪然后拼接。例如，一段视频长30分钟，我需要将5-10分钟、17-22分钟、24-29分钟这三段拼接到一起成一整段视频。裁剪在前端，拼接在后端。 网上简单找了…

上回说了组件（vue组件开发练习--焦点图切换）的一个练习项目，这次换下口味，说下vue的插件练手的项目。相对于现在之前的焦点图切换的组件，这个可能就更简单了，基本就是熟悉下插件开发的步骤就可以了！这个项目，我更建议大家动手练习了，这个弹窗比之前的焦点图更加的实用性，也更常用。…

关于 微信公众号：前端呼啦圈（Love-FED） 我的博客：劳卜的博客 知乎专栏：前端呼啦圈 前言 热爱vue开发的同学肯定知道awesome-vue 这个github地址，里面包含了数以千计的vue开源插件，而这些插件大都来自第三方开发者们，是他们为vue社区提供了大量的技术支…

每次写文章时，总会感慨万千。面对成功，我们总是抱以较高的期望，总想急不可耐就能得到胜利的果实。可每一次成功不可能轻而易举的就来到我们的面前。几乎每一次都需要我们付出极大的耐心和勤奋，甚至于近乎偏执狂般的傻傻坚持。自打小程序推出以来，我便开始转入这个市场。并不是因为他的热度而是一…