drauu
发表于|更新于
|浏览量:
在判断之前,应当消除内心的成见。——塞涅卡
分享一个基于SVG的画板项目:
https://github.com/antfu/drauu



相关推荐
2022-07-14
vue-class-component
人的教养不能够靠别人传授,人必须进行自我修养。一切苦修也绝不是文化修养,教育是通过人的主动性来实现的,教育牢牢地钉在主动性上。——费希特 官方文档:https://class-component.vuejs.org/ class-component是vue官方库之一,其可以让你使用class的方式定义、编写组件 再加上ts的装饰器,最终效果如下: 12345678910111213141516171819202122232425262728<template> <div> <button v-on:click="decrement">-</button> {{ count }} <button v-on:click="increment">+</button> </div></template><script>import Vue from 'vue'...
2024-09-20
vinejs
仅仅对自然做种种临摹,并不会创造出什么伟大的艺术作品。——佚名 Vine.js 是一个轻量级、易于使用的 JavaScript 表单验证库,它的设计理念是简洁和灵活,特别适合前端和后端应用中的数据验证。无论是在前端用户输入时,还是在后端 API 请求时,Vine.js 都能帮助开发者快速、高效地进行数据验证,确保数据的完整性和准确性。 项目介绍Vine.js 诞生的目标是为 JavaScript 应用程序提供更简单、清晰的数据验证方法。它允许开发者定义一系列验证规则,并轻松地应用于不同的数据场景。通过其简洁的 API 设计和全面的错误处理,Vine.js 提供了直观的方式来定义验证逻辑,减少开发者手动编写验证代码的时间和精力。 主要特点: 简单易用:通过简洁的 API,让验证规则定义和应用变得更加直观。 灵活的错误处理:支持定制错误消息,并可以灵活地处理验证失败时的行为。 适用于前后端:无论是用于前端表单验证,还是后端 API 的请求参数验证,Vine.js 都能够胜任。 良好的扩展性:支持自定义验证器,允许开发者根据需要扩展库的功能。 官方文档和 GitHub 地址 官...
2022-05-23
mac鱼眼效果
人不能象走兽那样活着,应该追求知识和美德。——但丁 上代码,上效果: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style ...
2024-09-19
Jest集成github action
仅是天才不能成为作家,因为书的背后极需要作家的人格。——爱默生 Jest是一款优雅、简洁的JavaScript测试框架。 官方文档: https://jestjs.io/zh-Hans/ github: https://github.com/jestjs/jest 创建项目: 12345678910111213Last login: Wed Sep 18 16:56:31 on ttys001The default interactive shell is now zsh.To update your account to use zsh, please run `chsh -s /bin/zsh`.For more details, please visit https://support.apple.com/kb/HT208050.Github-Id-VampireAchao:streampark achao$ cd ~/IdeaProjects/simple-jest/Github-Id-VampireAchao:simple-jest achao$ npm inst...
2023-11-10
minio预签名上传前端axios注意事项
不论替人家做了多少好事,不论多么忠心耿耿,看起来,绝不能指望人家感谢你。——托尔斯泰 之前说过了camel+minio实现预签名URL上传 但当时提供的也是后端代码,现在需要前端axios的 axios文档:Axios API | Axios Docs 123456789101112axios({ method: 'PUT', url, headers: { "Content-Type": "application/octet-stream", }, data: new Blob([file]), responseType: "blob"}).then((res) => { console.log({ res })}).catch(console.error) 这里的file就是前端的File对象,我们此处是将其转换为Blob,然后再通过data参数发送,...
2025-05-17
pickr
业精于勤,荒于嬉。—— 韩 愈《进学解》 https://github.com/simonwep/pickr Pickr:一个简单、多主题、响应式且可定制的颜色选择器库在网页设计和前端开发中,颜色选择器是一个不可或缺的工具。虽然许多框架提供了内置的颜色选择器,但它们往往难以扩展或自定义。Pickr 是一个轻量级、无依赖的颜色选择器库,它提供了丰富的功能,同时完全兼容所有主流 CSS 框架。 什么是 Pickr?Pickr 是一个开源的颜色选择器库,支持多种颜色格式(如 rgba、hsla、hsva 等),并提供多种主题和自定义选项。它专为现代前端开发设计,具有以下特点: 核心特点: 无依赖:不依赖任何第三方库(如 jQuery)。 多格式支持:支持 rgba、hsla、hsva、hex 和 CMYK 格式。 多主题:内置多种主题样式,兼容主流 CSS 框架(如 Bootstrap、Materialize)。 响应式设计:适配移动端和桌面端。 自定义能力:可通过 JavaScript 和 CSS 轻松自定义外观和功能。 支持透明度:包括 alpha 通道的选择。 轻量级:小巧...
