avatar
文章
2122
标签
34
分类
0
首頁
目录
标签
友鏈
关于
Logo阿超drauu 返回首页
搜索
首頁
目录
标签
友鏈
关于

drauu

发表于2023-05-01|更新于2026-02-24
|浏览量:

在判断之前,应当消除内心的成见。——塞涅卡

分享一个基于SVG的画板项目:

https://drauu.netlify.app/

https://github.com/antfu/drauu

image-20230501210023971

image-20230501210027804

image-20230501210038411

前端
上一篇
taze
在读书的时候,我们是与智者交谈;在生活的事务中,我们通常是与愚人交谈。——培根 分享一个开源项目:taze github:https://github.com/antfu/taze 话说antfu大佬是真的nb taze是一个现代化的ci工具,能够让你的依赖保持最新版 执行:npx taze
下一篇
iconify
赢得友谊要靠智慧,保持友谊要靠美德,这两者是同等重要的。——威佩因特 分享一个图标项目: https://iconify.design/ 包含150K+的开源icon github:https://github.com/iconify/iconify 非常的给力!
相关推荐
2020-09-17
一篇,让你会写原生ajax
在这个社会转型期,最大的悲剧不是坏人的嚣张,而是好人的过度沉默。——马丁·路德·金 非常简单啦~ 大家可以拿去任意定制,比如请求方式使用参数传入、指定参数类型、调用时控制是否同步等 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109var Ajax = { /** * get参数格式化,转换对象成url方式 * @param data 对象 转换前: {"username":"ruben","password":"achao"} * @returns &...
2022-01-11
uniapp对接oss视频上传+压缩
与其在绝望和挣扎中苟活,不如在希冀和盼望中死亡。——纪伯伦 首先是文件上传的代码: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899module.exports = { getUUID() { //生成UUID return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => { return (c === 'x' ? (Math.random() * 16 | 0) : ('r&0x3' | '0x8')).toString(16) }) &...
2021-05-19
jq获取实时宽度
乐观使你倾向于幸福健康事业顺利,悲观使你倾向于绝望患病失败忧郁孤独懦怯——民谚 代码如下 12345$(window).resize(() => { var height = $(window).height(); var width = $(window).width(); console.log(height+" "+width)}); 然后当我窗口大小发生变化时就会触发
2022-04-14
ts结构赋值时指定类型
“枕头里藏满了发了霉的梦,梦里住满了无法拥有的人。”——网易云评论 我们在typescript中使用变量结构时如果需要指定类型,可以这样写: 1const { a, b, c }: { a: any; b: string; c: { cname: any; cid: any; } } = obj; 但一般还是定义接口 12345678910interface IObj { a: any; b: string; c: IC;}interface IC { cname: any; cid: any;}const { a, b, c }: IObj = obj; 对于箭头函数也是同理 1array.map(({ a, b, c }: IObj)=>{}) 如果我们接口中某个属性可以为null或其他属性,我们可以使用| 12345interface IObj { a: ...
2023-01-04
css渐变实现杂色
团结就是力量——毛泽东 思路出处:https://css-tricks.com/making-static-noise-from-a-weird-css-gradient-bug/ 这是一个通过css渐变产生的锯齿BUG实现的噪点效果 例如我们使用径向渐变画两个圆,这里用的径向渐变函数radial-gradient,其中第一个参数是距离中心点近的渐变样式,第二个是远一些的,每个参数中第一项是颜色,第二项是区域 这里的: 从中心点进行沿半径进行渐变 123456789101112131415<div class="box"></div><div class="box"></div><style> .box { display: inline-block; width: 300px; aspect-ratio: 1; margin: 10px; border: 2px solid red; background: radial-gradient(#000...
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 通道的选择。 轻量级:小巧...
avatar
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
文章
2122
标签
34
分类
0
Follow Me
公告
This is my Blog
最新文章
unsloth2026-03-20
OpenViking2026-03-19
browser2026-03-18
GitNexus2026-03-17
project-nomad2026-03-16
© 2025 - 2026 By 阿超框架 Hexo 8.1.1|主题 Butterfly 5.5.4
搜索
数据加载中