sketch.js
发表于|更新于
|浏览量:
生活中，谅解是可以温厚的宽恕；谅解可以换回感情上的损失。——佚名
分享一个前端项目：https://soulwire.github.io/sketch.js
用途是可以做一些鼠标特效，例如其官网有很多例子：
https://soulwire.github.io/sketch.js/
非常的有趣
相关推荐
2021-03-24
js移除指定key
尽管世界和人生是坏透了，其中却有一件东西永远是好，那便是青春——显克维奇 可以看到delete我们的ruben.age后，ruben只剩个name了 一般常用与在作为请求参数时，服务端可能不需要这个参数场景下使用
2025-06-30
meter标签
文变染乎世情，兴废系乎时序。一一刘勰 HTML <meter> 标签详解：数据范围与可视化的理想选择在现代 Web 开发中，可视化数据变得越来越重要。无论是展示进度、评分、性能指标还是任何有明确上下限的度量值，HTML5 提供的 <meter> 标签都能让开发者轻松实现直观、语义化的展示。本文将详细介绍 <meter> 标签的用法、属性、应用场景，以及与 <progress> 标签的区别。 一、什么是 <meter> 标签？<meter> 是 HTML5 新增的标签，用于表示标量测量值（即有范围的度量值），如磁盘用量、投票结果、健康值、评分等。它能为用户提供一目了然的数值状态，并具备良好的可访问性和语义性。 官方文档：MDN - <meter> 元素 二、基本语法与用法最简单的用法如下： 1<meter value="0.7">70%</meter> 效果：显示一个表示 70% 的可视化条。 浏览器默认会根据 <meter>...
2022-09-29
relation-graph
青年人如果有青年人的精神，这精神就是乐观——茅盾 这是一个Vue关系图谱组件，可以展示如组织机构图谱、股权架构图谱、集团关系图谱等知识图谱，可提供多种图谱布局，包括树状布局、中心布局、力学布局自动布局等。 git仓库：https://github.com/seeksdream/relation-graph 文档地址：http://relation-graph.com/#/docs/start 在线体验：http://relation-graph.com/#/demo/layout-center 甚至包含在线配置工具 十分强大
2021-12-08
nvue中list组件下拉刷新后无法上拉加载更多
倘能生存，我当然仍要学习。——鲁迅 组件官网地址：https://uniapp.dcloud.io/component/list 今天在使用list组件时，发现下拉刷新一次后，就不能上拉加载更多了 最后发现官方文档： loadmore 事件 如果列表滚动到底部将会立即触发这个事件，你可以在这个事件的处理函数中加载下一页的列表项。 如果未触发，请检查是否设置了loadmoreoffset的值，建议此值设置大于0 如何重置 loadmore 1234567891011121314151617181920212223<template> <list ref="list"> <cell v-for="num in lists"> <text>{{num}}</text> </cell> </list></template><script> export defaul...
2021-12-02
uniapp播放音频
人们不太看重自己的力量——这就是他们软弱的原因。——高尔基 播放音频的代码很简单： 123const innerAudioContext = uni.createInnerAudioContext(); innerAudioContext.src = '/img/oss/picGo/kuangstudy9664a946-42a5-4111-80e7-65e735932ef7.wav'; innerAudioContext.play(); 官方文档： https://uniapp.dcloud.io/api/media/audio-context 除了播放、暂停、停止等也都能实现 完整代码： 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980<template> <view class=...
2024-07-03
js页面历史返回
历史是一堆灰烬，但灰烬深处有余温。——黑格尔 我们可以使用history.back()来进行页面返回 history的文档： History API - Web API | MDN 除了返回还可以前进 1history.forward(); 以及 12// 向后跳转一个页面（等价于调用 back()）history.go(-1); 然后还有 12// 向前跳转一个页面，就像调用 forward()history.go(1); 当然传入0就是刷新 123// 以下语句都具有刷新页面的效果history.go(0);history.go(); 还有查看页面栈长度 1const numberOfEntries = history.length; 补充： 12345678910window.addEventListener("popstate", (event) => { alert(`位置：${document.location}，状态：${JSON.stringify(event.state)}...