sketch.js
发表于|更新于
|浏览量:
生活中，谅解是可以温厚的宽恕；谅解可以换回感情上的损失。——佚名
分享一个前端项目：https://soulwire.github.io/sketch.js
用途是可以做一些鼠标特效，例如其官网有很多例子：
https://soulwire.github.io/sketch.js/
非常的有趣
相关推荐
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参数发送，...
2024-11-22
fancy wipe
愿望是半个生命，淡漠是半个死亡。——纪伯伦 源码： https://codepen.io/Chester/details/LYKWMxO 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748<h1 class="fancy-wipe"> <span class="text"> Transference </span> <span class="wipe-in"> Transference </span> <span class="blur-in"> Transference </span></h1><h1 class="fancy-wipe" style="--colors: linear-gradient...
2022-09-01
blob和base64互转
交易场上的朋友胜过柜子里的钱款——托·富勒 blob转base64 1234567891011121314151617// blob转base64async function blobToBase64(blob) { let buffer = await blob.arrayBuffer() let bytes = new Uint8Array(buffer); console.log(bytes) // do anything with the byte array here let binary = '' var len = bytes.byteLength; for (var i = 0; i < len; i++) { binary += String.fromCharCode(bytes[i]); } base64 = 'data:image/webp;base64,' + window.btoa(binary) co...
2020-10-01
关于alert
笨蛋自以为聪明，聪明人才知道自己是笨蛋 ——莎士比亚 JavaScript 弹窗 可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。 警告框警告框经常用于确保用户可以得到某些信息。 当警告框出现后，用户需要点击确定按钮才能继续进行操作。 语法window.alert(“sometext“); window.alert() 方法可以不带上window对象，直接使用**alert()**方法。 确认框确认框通常用于验证是否接受用户操作。 当确认卡弹出时，用户可以点击 “确认” 或者 “取消” 来确定用户操作。 当你点击 “确认”, 确认框返回 true， 如果点击 “取消”, 确认框返回 false。 语法window.confirm(“sometext“); window.confirm() 方法可以不带上window对象，直接使用**confirm()**方法。 提示框提示框经常用于提示用户在进入页面前输入某个值。 当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。 如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返...
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 通道的选择。 轻量级：小巧...
2022-05-24
css继承
浅水是喧哗的，深水是沉默的。——雪莱 我们知道CSS中一些属性会被继承：给父节点设置样式，子节点也会生效例如color、font-size之类的 但像widths, margins, padding, 和 borders 不会被继承，如果被继承，设想一下，给父节点加了一个border，里面的每个子孙元素都有一个border，这不是我们通常想要的效果 如何来控制这些属性呢？ CSS 为控制继承提供了四个特殊的通用属性值。每个css属性都接收这些值。 inherit 设置该属性会使子元素属性和父元素相同。实际上，就是 “开启继承”. initial 设置属性值和浏览器默认样式相同。如果浏览器默认样式中未设置且该属性是自然继承的，那么会设置为 inherit 。 unset 将属性重置为自然值，也就是如果属性是自然继承那么就是 inherit，否则和 initial一样 这里有一个简单的demo： 12345678910111213141516171819202122232425262728293031<div> <h2> ...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog