sketch.js
发表于|更新于
|浏览量:
生活中,谅解是可以温厚的宽恕;谅解可以换回感情上的损失。——佚名
分享一个前端项目:https://soulwire.github.io/sketch.js

用途是可以做一些鼠标特效,例如其官网有很多例子:
https://soulwire.github.io/sketch.js/

非常的有趣
相关推荐
2024-07-07
css的透视效果perspective
有两件事我最憎恶:没有信仰的博才多学和充满信仰的愚昧无知。——爱默生 我们知道css中我们的transform可以调整z轴,这说明css是有3d能力的 但是我们通常看一个3d的物体,是近的地方大,远的地方小甚至被遮挡,要实现这样的透视效果其实只需要一个css属性即可 https://developer.mozilla.org/zh-CN/docs/Web/CSS/perspective 就比如这个正方体: .face { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; backface-visibility: inherit; font-size: 60px; color: #fff } .front { background: rgba(90,90,90,.7); transform: translateZ(50px)...
2025-06-19
远程控制billd-desk
我们应该使每一个学生在毕业时候,带走的不仅仅是一些知识和技能,最重要的是要带走渴求知识的火花,并使它终生不熄地燃烧下去。——苏霍姆林斯基 GitHub - galaxy-s10/billd-desk: 基于Vue3 + WebRTC + Nodejs + Electron搭建的远程桌面控制 Billd Desk:基于 Vue3 + WebRTC + Node.js + Electron 的开源远程桌面控制程序@galaxy-s10/billd-desk 是一个开源的、跨平台的远程桌面控制程序。它以现代前端技术栈为基础,结合 WebRTC 实时音视频通信技术和 Electron 桌面端跨平台能力,实现了远程桌面访问、远程操作等实用功能。适用于远程办公、远程协助、桌面共享等多种场景。 技术栈 Vue3:采用 Composition API 的现代前端框架,负责构建高性能响应式 UI。 WebRTC:点对点实时音视频流传输协议,实现高效的远程桌面画面流和控制指令传输。 Node.js:作为后端信令服务器,负责连接管理、房间分配、消息转发等核心逻辑。 Elect...
2025-09-05
live
功名富贵若长在,汉水亦应西北流。――李白《江上吟》 https://github.com/fanmingming/live 在国内外 IPTV、网络电视、广播播放器用户圈里,fanmingming/live 项目可以说是“台标资源与工具生态”的天花板级开源项目。它不仅仅是一套可直连访问的电视/广播台标库,更集合了 m3u 直播列表、EPG 电子节目单、m3u8在线下载、格式转换、Web播放器等实用工具,并且永久免费、完整开源、支持 IPv4/IPv6 双栈访问,真正做到了“公益服务,极致易用”。 项目定位fanmingming/live 的核心定位是提供一个持续完善、易于接入的电视/广播台标(logo)资源库,并配套一系列 IPTV/广播频道相关工具,帮助用户打造属于自己的高品质直播订阅与频道展示体验。项目由热心开发者公益维护,所有内容均托管在 GitHub,并通过 CloudFlare 提供高速 CDN 和安全访问,无论在国内外都能“直连无障碍”。 功能特色一览 海量台标库:覆盖国内主流电视台(央视、卫视、地方台)...
2021-08-06
代码方式引入iconfont图标
只有永远躺在泥坑里的人,才不会再掉进坑里。——黑格尔 前端开发中,经常会遇到需要引用图标的情况 我们可以在iconfont寻找我们需要的图标 https://www.iconfont.cn/ 比如这两个图标,我非常喜欢,我可以使用直接下载的方式引入图标 但这种方式,如果我们需要它改变颜色的话,就需要再次下载,非常麻烦 我们还可以使用代码方式引入,我们首先点击添加进购物车 然后到我们的购物车结算 点击添加至项目 登录账号 然后再次点击添加至项目后会弹出加入项目,我们可以新建一个项目 确定后,我们就可以在这里点击生成代码 然后复制代码 粘贴到项目css中 然后定义使用iconfont的样式 123456.iconfont{ font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -m...
2022-05-13
vue props注意
等到看你银色满际,等到分不清季节更替,才敢说沉溺。——《水星记》 官方文档:https://cn.vuejs.org/v2/guide/components-props.html 我们在使用vue的prop时 如果prop其数据类型为一个对象 则传入的是一个对象的地址引用 我们如果在子组件中使用watch将其赋值给一个data,用于外部组件状态发生变化时,内部的某一data也能同时响应: 12345678 watch: { productionData: { immediate: true, handler() { this.myData = this.myProp }, }} 这时候如果我们对myData里的属性进行更改,发现外部(父组件)传过来的对象数据源也发生了变更 如果我们想要深拷贝 则可以使用: 1234567891011function deepClone( obj ){ let clone = obj; if (obj &...
2024-08-18
Apache-ShenYu支持namespace功能(二)
我曾踏足山巅,也曾进入低谷,二者都让我受益良多。——《英雄联盟》瓦洛兰之盾塔里克 上一期:Apache-ShenYu支持namespace功能 喜闻乐见,这是个连续系列,今天主要是给shenyu-dashboard的selector部分添加namespace适配 PR连接: https://github.com/apache/shenyu-dashboard/pull/471 这里有一个知识点 123456import { connect } from "dva";@connect(({ global }) => ({ currentNamespaceId: global.currentNamespaceId,}))class RuleCopy extends Component {} 装饰器语法 @connect 来连接组件与 dva 的状态管理。@connect 是一个高阶函数,通常用于将 Redux store(在 dva 中表现为 model)中的状态映射到组...

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