Makeit Captcha
:sparkling_heart: 基于 Vue3.x + Vite4.x + Canvas 开发的滑块验证码 :sparkling_heart: 动态生成验证滑块，结合后端的二次校验，能有效的避免被其他人肆意抓取并模拟验证，进一步提升验证码的的可靠性 :collision: 且能满足大部分用户的不同定制化需求，譬如自定义背景图 / 定制主题色等等 :fire: :fire:
Overview:
The Makeit Captcha 2.x is a Vue3.x + Vite4.x based component for generating dynamic verification slider captcha. It utilizes Canvas for generating the verification slider, allowing backend integration for secondary verification to enhance reliability and prevent malicious activities. The component offers customization options for theme colors, initializations, remote verification results, and captcha popup backgrounds.
Features:
- Custom Theme Colors: Easily customize the theme colors of the captcha component.
- Custom Initialization: Personalize the initialization of the captcha for specific requirements.
- Remote Verification Results: Ability to receive and process remote verification results.
- Dynamic Captcha Popup Background: Tailor the background image of the captcha popup for a unique look.
Summary:
The Makeit Captcha 2.x Vue component is a feature-rich tool for implementing dynamic verification slider captchas in Vue3.x projects. With its customization options and backend integration capabilities, it offers enhanced reliability and security against malicious attempts. The component provides an easy-to-use solution for adding effective verification mechanisms to web applications.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- LESS
Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.