<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ...
分类：
其他好文 时间：
2021-04-10 12:58:45
阅读次数：
0
在开发用户模块的时候，相信大家都碰到过一个功能，图片滑动解锁后发送验证码，这里分享我用uni-app制作的一个小控件 效果如下： 需要如下图片资源 template <template> <view class="zhezhao" v-if="shows" @tap="shows=false"> < ...
分类：
移动开发 时间：
2021-01-22 12:02:49
阅读次数：
0
gitee地址 https://gitee.com/ElevenHuntOne/js-image-slide html <!-- html里只用写一个div就行了，带上id为imgs --> <div id = "imgs"></div> css /* 样式 */ #imgs { margin-le ...
分类：
Web程序 时间：
2020-12-16 12:59:49
阅读次数：
7
1、创建的节点的层级结构和所挂的 组件全部上图说明吧： 层级结构如下： 各节点做挂的组件如下： a、Scroll节点的组件 b、Viewport的组件： c、content的组件 注意点：制作中遇到的问题是左右滑动时左右的终止位置不对，这个是Layout Group的Left,Rigt的不一致的原因 ...
分类：
其他好文 时间：
2020-05-24 09:22:46
阅读次数：
54
<template> <div> <div id="slide_unloack_wraper"> <canvas width="310" height="155" id="slide_unloack_wraper1"></canvas> <div id="slide_unloack_inner"> ...
分类：
其他好文 时间：
2020-02-25 09:14:03
阅读次数：
365
几天有需求做滑动解锁，想来点新鲜的，于是想挑战一下，cavas做图片滑动解锁； 原文链接：https://www.jb51.net/article/137129.htm 我们想实现这样的效果： 首先随便找一张图片渲染到canvas上，这里#canvas作为画布，#block作为裁剪出来的小滑块。 < ...
分类：
其他好文 时间：
2020-02-25 00:09:02
阅读次数：
73
有时候在页面登录或者注册的时候，为了防止不是机器人操作，会让用户手动来滑动图片验证。我在做项目时用到了这个功能，这里记录一下自己的想法和做法。 实现的效果如图所示： 好了，现在来说说想法。 关于图片滑动验证一般是要前后端来交互的。首先是要后台处理好图片，然后将处理出来的图片返回到前台。后台随机抽取一 ...
分类：
其他好文 时间：
2020-02-20 11:36:53
阅读次数：
155
为了存放代码新建了一个GitHub账号，存放了一些比较常用的代码块。 地址：https://github.com/liuzhou1 目前就放了这几个项目。 1.PC端非常好用的图片预览插件 jquery-viewer 2.js 图片滑动验证，验证码验证 3.前端工程师通过微信小程序的云开发操作数据库 ...
分类：
其他好文 时间：
2019-12-31 12:49:37
阅读次数：
111
//图片public class PhotoViewPager extends ViewPager { public PhotoViewPager(@NonNull Context context) { this(context, null); } public PhotoViewPager(@No ...
分类：
其他好文 时间：
2019-11-30 15:21:00
阅读次数：
132
前言 最近在研究图片滑动解锁 登录，说是要用阿里的那个验证，但是还是想自己手写下这个Demo 效果图是这样的： 本来是想用canvas 来实现的，但是类，后来还想用css 和图片来代替canvas 其实思路就这样的： 那个缺陷的滑块位置 是随机的 根据 图片的宽高 产生 随机 数当然是定位 ： le ...
分类：
其他好文 时间：
2019-11-23 12:21:38
阅读次数：
87
