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

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

非常的有趣
相关推荐
2021-11-13
箭头函数与this指向探究
我有明珠一颗,久被尘劳关锁,一朝尘净光生,照破山河万朵。——柴陵郁禅师 今天研究了下箭头函数与this,发现了一些挺好玩的特性 首先,我们在控制台输入上这段js 123456789101112131415161718192021var handler = { name :'handler', init: function() { let init1 = function(event) { console.log("init1: ", this); let init5 = function(){ console.log("init5: ", this); } init5(); // init5: Window {window: Window, self: Window, document: document, name: '', loca...
2022-12-27
hexo主题集成pug
你问人问题,她若答非所问,便已是答了,无需再问。——木心 文档:https://hexo.io/zh-cn/docs/themes 先创建hexo项目 1hexo init simple-hexo 然后到themes新建一个主题文件夹 12cd .\simple-hexo\themes\mkdir simple-theme 修改外部_config.yml的theme 1theme: simple-theme 外部执行一下hexo s启动项目试试 打开localhost:4000 因为我们什么都没写,所以是白屏 新建一个layout目录,下面放一个index.pug 1.container Hello World 发现我们的pug代码并未渲染 这是因为我们没有安装pug插件导致的 到主目录执行 1cnpm i hexo-renderer-pug pug元素成功渲染 好了,接下来你可以编写你自己的主题啦!
2023-01-18
css文字环绕png图片
好意对待犯错误的人,可以得人心,可以团结人——毛泽东 从这里看到的:https://css-tricks.com/print-magazine-layouts-converted-to-web-layouts/ 效果如下: 用到了shape-outside以及float 代码如下: 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849<!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, ...
2024-10-08
深入理解 JavaScript 异步
美丽的姿态胜过美丽的脸孔,美丽的行为胜过美丽的姿态。——爱默生 学习js异步可以看这个 https://github.com/wangfupeng1988/js-async-tutorial 2014年秋季写完了《深入理解javascript原型和闭包系列》,已经帮助过很多人走出了 js 原型、作用域、闭包的困惑,至今仍能经常受到好评的留言。 很早之前我就总结了JS三座大山这个概念(虽然没有到处宣扬),前两座(原型、作用域)已经基本讲明白,而第三座(异步)也应该做一个总结。 于是,2017年初春,我花费大约一周的业余时间来对 JS 异步做一个完整的总结,和各位同学共勉共进步! 目录part1 基础部分 什么是异步 异步和 event-loop 事件绑定算不算异步? part2 jQuery的解决方案 jQuery-1.5 之后的 ajax jQuery deferred jQuery promise part3 ES6-Promise Promise 加入 ES6 标准 Promise 在 ES6 中的具体应用 对标一下 Promise/A+ 规范 Pro...
2023-07-12
movyjs
早知如此绊人心,何如当初莫相识。 ——李白 分享一个开源项目 https://github.com/rossning92/movy 这是一个生成动画/视频的js库 它可以方便地创建动画,也可以直接转换为视频 例子:movy.js Editor
2026-02-14
chrome-devtools-mcp
你热爱生命吗?那幺别浪费时间,因为时间是组成生命的材料——富兰克林 让你的 AI 助手真正“看见”浏览器:Chrome DevTools MCP 深度介绍与上手指南如果你正在用 Gemini、Claude、Cursor 或 Copilot 这样的编码助手进行自动化、调试或性能分析,你很快就会遇到一个难题:如何让 AI 真正地“连接”到一个真实的 Chrome 浏览器,稳定地执行操作、读取页面状态,并且跑出可信的性能结果? 来自 ChromeDevTools/chrome-devtools-mcp 的 Chrome DevTools MCP(Model Context Protocol)服务器,正是为此而生。它以 MCP 服务器的形式,向你的 AI 编码助手暴露 Chrome DevTools 的能力:自动化操作、网络与控制台调试、截图与快照、性能追踪与洞察……并且由 Puppeteer 提供可等待、可重试的可靠自动化基底。 仓库简介(Description):Chrome DevTools for coding agents主语言:TypeScript许可协议:Ap...

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