tianai-captcha

发表于2024-01-08|更新于2026-02-24

|浏览量:

笑长命，哭生病。——佚名

分享一个验证码库

在线体验

http://captcha.tianai.cloud

使用方式

http://doc.captcha.tianai.cloud

源码地址

https://gitee.com/dromara/tianai-captcha

https://github.com/dromara/tianai-captcha

tianai-captcha简称tac，是一款集成滑动类、点选类的一款行为验证码，以使用简单、安全性强、界面美观、接入方便而，是为集好看、功能多、安全性强的一款开源行为验证码工具。

今天tianai-captcha加入dromara，热烈欢迎

相关推荐

醉过才知酒浓，爱过才知情重。你不能做我的诗，正如我不能做你的梦。——胡适 https://developer.mozilla.org/zh-CN/docs/Web/CSS/transform-function/skew CSS中的skew()函数：打造斜切效果在前端开发中，CSS transform属性为我们提供了强大的工具来操控元素的外观，而skew()函数正是其中一种常用的变换方式。本文将带你详细了解skew()的原理、用法以及它如何为你的网页增添设计灵感。什么是skew()？skew()是一种 2D 变换函数，用于对元素进行斜切变换。简单来说，它会将元素沿着 X 轴或 Y 轴方向倾斜一定的角度，创造出一种动态的透视效果。它的应用场景广泛，包括按钮动画、卡片设计和图形变换等。语法1transform: skew(ax, ay); ax：沿 X 轴的倾斜角度（可选，默认值为 0）。 ay：沿 Y 轴的倾斜角度（可选，默认值为 0）。单位为角度（deg），也可以使用弧度（rad）或其他角度单位。用法示例1. 基本应用以下示例将一个矩形沿 X 轴倾斜 20...

js解决base64编码问题

地利不如人和，武力不如文德。——恒宽主要是在解析 JWT 时发现 1atob(base64) 存在编码问题，我们如果想要将 base64 解码为 utf-8： 123456789101112function parseBase64ToJSON(base64) { const binaryString = atob(base64); const len = binaryString.length; const bytes = new Uint8Array(len); for (let i = 0; i < len; i++) { bytes[i] = binaryString.charCodeAt(i); } const decoder = new TextDecoder('utf-8'); return decoder.decode(bytes);} 然后就可以正确解析中文了

setState异步问题

若人间有情，那是开始，也是尽头。——北岛怀念顾城今天使用react中setState后立马从state中获取，然后使用，发现时灵时不灵的，我立马意识到setState可能是异步的，翻看官方文档，果然：调用 setState 其实是异步的 —— 不要指望在调用 setState 之后，this.state 会立即映射为新的值。如果你需要基于当前的 state 来计算出新的值，那你应该传递一个函数，而不是一个对象（详情见下文）。代码不会像预期那样运行的示例： 123456789101112131415161718incrementCount() { // 注意：这样 *不会* 像预期的那样工作。 this.setState({count: this.state.count + 1});}handleSomething() { // 假设 `this.state.count` 从 0 开始。 this.incrementCount(); this.incrementCount(); this.incrementC...

简单CSS实现图片旋转

图片旋转~ 代码 12345678910111213141516171819202122232425262728293031323334353637383940414243<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> img { width: 200px; height: auto; margin: 20% auto; animation: myrotate 3s linear infinite...

所有智力方面的工作都要依赖于兴趣。——皮亚杰如果我们需要在各个vue页面使用相同的公共元素我们就可以使用minxin 官方文档：https://cn.vuejs.org/v2/guide/mixins.html 我们新建一个mixin.js 1234567891011121314151617181920export default { data() { return { name: 'ruben' } }, created() { console.log('this.name', this.name); // 尝试访问调用方属性 console.log('this.prefix', this.prefix); }, mounted() { console.log("mixin mounted"); }, methods: { hello() { console.l...

能轻易做到别人感觉困难的事是人才；能轻易做到别人所不能做的工作是天才。——西德尼讲一个小技巧，对于图片裁剪可以用这个属性：object-fit object-fit 是一个 CSS 属性，用于指定替换元素（如 <img> 和 <video>）内容的尺寸如何适应其容器。它定义了内容如何填充容器的大小，以及是否保持内容的比例例如： 123<div style="width: 400px; height: 400px; overflow: hidden;"> <img src="https://vampireachao.github.io/imgs/head.png" style="width: 100%; height: auto; object-fit: cover; object-position: 0px 0px;transform: scale(1.2);"></div>

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中