本文阿宝哥将介绍工作中遇到过的八种文件上传的场景，并介绍每种场景背后所使用到的技术，从而让大家能更好地理解成熟上传组件所提供的功能。

在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。

俗话说得好，工欲善其事必先利其器。本文阿宝哥将介绍一些优秀的开源项目，利用这些开源项目，你将能能轻松应对以下十个工作场景：文件上传、图片处理、文档处理、网络请求、数据存储、微前端、表单设计器、H5 页面设计器、文档管理和 API 管理。 uppy 是一个体验顺滑、模块化的 Ja…

前言最近项目中遇得到了很多跟图片相关的技术点，这里主要是汇总一下，以备后期参考1、前端二维码的生成与下载（兼容ie）二维码生成这里用了一个现有插件vue-qr下载该插件在项目中引入该插件使用vue-q

一、纯图片的DIVhtml代码（以下效果皆围绕这个代码展开）：1、缓动上移效果图：2、放大效果效果图：3、框内放大效果效果图：4、蒙层效果效果图：二、上图下文的DIV不建议将整个div放大，会导致文字

最近看到各种面经，防抖节流好像从来没有缺席过。虽然在项目中也使用过，但我对它俩的一直是 字面意思是防止抖动。在程序中就是为了防止在一定时间内重复执行一段代码(函数)。 在函数被触发n秒后再执行，如果在n秒内又有函数执行，则重新计算。 有一个输入框，用户输入用户名，然后向后端请求…

好了废话不多说，进入今天的主题：如何更好管理 Api 接口。 为了让这些模块在Vue中更好地直接使用，我们将导出的模块通过“挂在”Vue.prototype的形式注入到Vue组件中,以此来为Vue对象添加了一个原型属性，而不是一个全局变量。 添加全局方法或者 property。…

最近在做项目的时候，看到有两个功能一样，但是交互，样式不一样的需求，为了图方便维护，就封装了组件，发现一个看似简单的组件，如果要封装得通用些，要考虑的东西其实也不少。 然后组件就无法使用了。 这个时候，肯定不是复制一个文件，改下样式再写一个组件，只能把原来的组件改得通用些，能适…

瀑布流布局是前端领域中一个很常见的需求，由于图片的高度是不一致的，所以在多列布局中默认布局下很难获得满意的排列。 我们的需求是，图片高度不规律的情况下，在两列布局中，让左右两侧的图片总高度尽可能的接近，这样的布局会非常的美观。 注意，本文的目的仅仅是讨论算法在前端中能如何运用，…