未分類
22 5 月 2020

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

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

資深大佬 : cr4fun 2

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

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

欢迎体验：

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

大佬有話說 (3)

  • 資深大佬 : love

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

  • 資深大佬 : d1n910

    答案直接写到 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

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