滑块验证也被称为拼图验证码，是一种用于验证用户是否为人类而不是机器人的常见方法。用户需要完成验证后才能继续往下操作，而机器人通常很难模拟这种人类行为

我正在参加「掘金·启航计划」 前言 最近老板想给看板升级，看板都是些图表或者数据排列天气等，需求是可以对各个卡片进行拖拽，添加些没有的图表，简单来说，把页面的设计交给用户。 直接实战 讲究一个言简意赅

背景 现在手机、电脑、ipad成为了每个家庭必备内容，但是通常设计给到我们的都是一个固定大小的UI，如果用户是一个屏幕小或者大的设备，一般就会出现滚动条或者大片空白内容，为了更好的利用一些空间

前言 当我作为初学者，在写Vue项目的时候，基本都是通过封装单文件组件来实现页面的模块化，基本没有复用性可言，下面是我作为学习笔记，记录怎么封装复用性强的modal组件。 有三种功能的modal实现，

路由传参 新的VUE路由4采用了新的传参方式，需要预先定义好 下图为路由定义 正确的定义 接收效果 下图这个是错误的定义，如果要传递两个数组，则需要在arr后面添加一个空格，如果没有添加空格，则会将两

有些网站为了防止有人恶意使用脚本进行批量操作，会设置前后端进行配合的图片滑动验证，本文这里只介绍前端的验证功能。 这里可以直接使用 vue-monoplasty-slide-verify 这个库组件，

困扰着前端人自适应大屏适配的噩梦可能要被这短短的几行代码破解了，难道这就是大屏适配的最优解？快来看看这款名为autofit的小工具，用了都说好！

provide / inject props (父传子) $emit(子传父) eventBus(全局创建Vue实例) vuex (状态管理) $parent / $children / $refs

> ## 原生js实现思路 ```javascript 需要三个高度：scrollHeight（文档内容实际高度，包括超出视窗的溢出部分）、scrollTop（滚动条滚动距离）、clientHeigh