惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

酷 壳 – CoolShell
酷 壳 – CoolShell
H
Hacker News: Front Page
P
Palo Alto Networks Blog
T
ThreatConnect
Apple Machine Learning Research
Apple Machine Learning Research
博客园_首页
T
True Tiger Recordings
P
Privacy & Cybersecurity Law Blog
B
Blog
IT之家
IT之家
Last Week in AI
Last Week in AI
F
Full Disclosure
Hacker News: Ask HN
Hacker News: Ask HN
C
Comments on: Blog
Microsoft Azure Blog
Microsoft Azure Blog
C
Cybersecurity and Infrastructure Security Agency CISA
Microsoft Security Blog
Microsoft Security Blog
博客园 - 【当耐特】
N
News and Events Feed by Topic
NISL@THU
NISL@THU
腾讯CDC
雷峰网
雷峰网
Security Latest
Security Latest
李成银的技术随笔
M
Microsoft Research Blog - Microsoft Research
L
LangChain Blog
L
Lohrmann on Cybersecurity
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
C
Check Point Blog
Y
Y Combinator Blog
Recent Announcements
Recent Announcements
博客园 - Franky
N
News | PayPal Newsroom
V
V2EX
A
About on SuperTechFans
The Register - Security
The Register - Security
月光博客
月光博客
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Google Online Security Blog
Google Online Security Blog
MyScale Blog
MyScale Blog
Cisco Talos Blog
Cisco Talos Blog
Vercel News
Vercel News
WordPress大学
WordPress大学
C
Cyber Attacks, Cyber Crime and Cyber Security
The Hacker News
The Hacker News
IntelliJ IDEA : IntelliJ IDEA – the Leading IDE for Professional Development in Java and Kotlin | The JetBrains Blog
IntelliJ IDEA : IntelliJ IDEA – the Leading IDE for Professional Development in Java and Kotlin | The JetBrains Blog
爱范儿
爱范儿
A
Arctic Wolf
L
LINUX DO - 最新话题
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More

diss带码

datart系列04:基于threejs自定义插件3D-MAP datart系列03:图表插件开发 datart系列02:图表插件开发作品 datart系列01:图表插件开发作品大赛 我的2021年新Mac设置 小程序:Painter画布 小程序:mqtt+webview控制显示内容 小程序:webview + PDF预览 小程序:数十年Lite 开源论坛:社区选择Discourse 牛年开篇:网站拜年 github自定义主页秀 Davinci-二次开发系列08:mongoDB(JDBC查询)四种解决方案 Davinci-二次开发系列07:BI新元素尝试 Davinci-二次开发系列06:导出excel合并单元格 Metabase-BI系列12:0.35版本表达式是真的香 Davinci-二次开发系列05:echarts-gl map3D扩展 Davinci-二次开发系列04:自定义水印扩展 Davinci-二次开发系列03:区域地图下钻与选择
验证码:五福临门
2021-03-04 · via diss带码

验证码:五福临门

发表于 | 分类于 | |

一看

验证码这个既熟悉又常用的功能,一提起来你就会想起各种各样的验证码,一个偶然的机会,就冒出来做个验证码,慢慢的就演变成现在的五福临门验证码。先看一下效果图:

bless

由来

  1. 春节前看到一篇关于验证码的文章,动态刷新、滑动验证,这里的动,总感觉没有“动”
  2. 加上之前做的游鱼,就想让它动起来,所以最初就是在滑块验证码的基础上,让滑块在外面游动起来
  3. 后来支付宝集五福,让我突然感觉可以考虑,五个福字随机掉下来一个在外面游动,然后滑动原位置,正好符合春节的气息
  4. 再后来参与了支付宝打印福字的活动,然后就手写了五福,这样不仅是随机五福,还可以随机不同主题的五福了
  5. 春节前开始的,前期做了技术验证,春节陆陆续续进行了实现
  6. 后来找资料做轨迹校验,断断续续,今天暂时把前端部分发出来,后端验证决定后续再补一篇

下面是个设计效果图:

wflm

认知

验证码虽然已经司空见惯了,但是还是想讲一下验证的一些接触,从中也能体会乐趣。

起初进入技术行业,还是一个验证码不流行的阶段,计算机识别技术更是起步,所以扭曲、污染的文字无法辨识,所以最初见到的就是4个字母数字,一条飞线。

01

慢慢的越来越流行,越来越多样,越来越看不懂

02

越来越烧脑,亦或是恶搞

03

新时代的验证码越来越多样,出现了两极分化,一种让你赏心悦目,一种让你抢不到票

yzm

验证码在技术里面或许是小场面,但却蕴藏着大智慧,而且是紧跟时代的产物,根据人们需求的变化而变化,当然破解和识别技术的提升也在嘶声呐喊和“催更”

技术

验证码可以防止:恶意破解密码、刷票、论坛灌水等

  • 软件包:成熟的插件和软件包,直接引入使用就可以了

  • 第三方:网易易盾等,购买按官方文档使用

    网易易盾:https://dun.163.com/

  • 无痕验证:阿里云-人机验证

    https://help.aliyun.com/product/28308.html

    用过阿里云的都知道,阿里云登录输入账号密码就可以了,点击登录也没有多余的操作,以为就没有验证,其实阿里做的是无痕验证,即使没有可视化的验证码出现,其实已经对你登录做了人机的校验了,所以不要以为没有可见的验证码就误以为没有验证。

实现

技术栈:前端nodejs+vue,后端java+redis

滑块验证:vue-drag-drop

游动:animateplus

目前的前端部分演示demo(目前只支持pc端):http://bless.disscode.cn/#/loginSlider

五福临门

一曰寿,二曰富,三曰康宁,四曰攸好德,五曰考终命

五福含意:第一福是“长寿”、第二福是“富贵”、第三福是“康宁”、第四福是“好德”、第五福是“善终”。有人简称为寿富康德善。