用 vue 写了验证码，据说 99%的人都无法通过验证

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 1645 天前的主题，其中的信息可能已经有所发展或是发生改变。

源码如下： https://github.com/cr4fun/geekcode/

效果

欢迎体验：

https://cr4fun.github.io/geekcode/#/

Vue

源码

验证码

验证

6 条回复 • 2020-05-25 21:42:01 +08:00

love

2020-05-22 08:16:10 +08:00 via Android

网速也太慢了，而且在很慢的情况下，再来一次的时候，原先的图片还在新的图片是每隔几秒一个一个替换上去的，会让人误解已经加载完

d1n910

2020-05-22 15:33:03 +08:00

答案直接写到 jsons 也太棒了（狗头）
let jsons = [
{
title: "选择下面所有不是电阻的图片",
images: [
{
flag: true,
src: require("../assets/checks/1/1.jpg")
},
{
flag: true,
src: require("../assets/checks/1/2.jpg")
},
{
flag: true,
src: require("../assets/checks/1/3.jpg")
},
{
flag: false,
src: require("../assets/checks/1/4.jpg")
},
{
flag: true,
src: require("../assets/checks/1/5.jpg")
},
{
flag: true,
src: require("../assets/checks/1/6.jpg")
},
{
flag: true,
src: require("../assets/checks/1/7.jpg")
},
{
flag: true,
src: require("../assets/checks/1/8.jpg")
},
{
flag: true,
src: require("../assets/checks/1/9.jpg")
}
]
},
{
title: "选择下面所有是树莓派的图片",
images: [
{
flag: true,
src: require("../assets/checks/2/1.jpg")
},
{
flag: false,
src: require("../assets/checks/2/2.jpg")
},
{
flag: false,
src: require("../assets/checks/2/3.jpg")
},
{
flag: true,
src: require("../assets/checks/2/4.jpg")
},
{
flag: false,
src: require("../assets/checks/2/5.jpg")
},
{
flag: false,
src: require("../assets/checks/2/6.jpg")
},
{
flag: false,
src: require("../assets/checks/2/7.jpg")
},
{
flag: false,
src: require("../assets/checks/2/8.jpg")
},
{
flag: false,
src: require("../assets/checks/2/9.jpg")
}
]
},
{
title: "下列图片中，哪个模块可以与 esp8266 配合做远程开关？",
images: [
{
flag: false,
src: require("../assets/checks/2/1.jpg")
},
{
flag: false,
src: require("../assets/checks/3/2.jpg")
},
{
flag: true,
src: require("../assets/checks/3/3.jpg")
},
{
flag: false,
src: require("../assets/checks/3/4.jpg")
},
{
flag: false,
src: require("../assets/checks/3/5.jpg")
},
{
flag: false,
src: require("../assets/checks/3/6.jpg")
},
{
flag: false,
src: require("../assets/checks/3/7.jpg")
},
{
flag: false,
src: require("../assets/checks/3/8.jpg")
},
{
flag: false,
src: require("../assets/checks/3/9.jpg")
}
]
}
];

ragnaroks

2020-05-23 09:57:53 +08:00

验证码的作用是过滤非人类,而不是人类

iamverylovely

2020-05-25 16:03:15 +08:00

选得想玩爆 lz 的蛋

wty

2020-05-25 21:41:35 +08:00 via Android

这压敏电阻第一眼看成了 X 电容😂

wty

2020-05-25 21:42:01 +08:00 via Android

@wty 错了，y 电容