sketch.js
发表于|更新于
|浏览量:
生活中，谅解是可以温厚的宽恕；谅解可以换回感情上的损失。——佚名
分享一个前端项目：https://soulwire.github.io/sketch.js
用途是可以做一些鼠标特效，例如其官网有很多例子：
https://soulwire.github.io/sketch.js/
非常的有趣
相关推荐
2022-02-04
js原型对象
不存在十全十美的文章，如同不存在彻头彻尾的绝望。——《且听风吟》 我们首先定义一个对象 1234567891011class Person { constructor(name,age) { this.name = name; this.age = age; } toString() { return '(' + this.name + ', ' + this.age + ')'; }};let ruben = new Person("ruben",21);console.log(ruben.toString()) 打印结果为： 1(ruben,21) 我们可以使用Person.prototype去获取Person的原型对象，从而更改类其中的方法 1234567Person.prototype.toString = function(){ return "Person{&q...
2024-10-10
dvajs中@connect在hook下使用
美而无德， 有如没有香味的花，徒有其表。——笛福 在Dva.js中，@connect 是 connect 的语法糖，它允许我们更方便地将模型（models）与组件进行映射。在类组件中使用 @connect 是非常直观的，但在函数式组件（hook）中，由于函数组件的渲染逻辑是由函数本身直接定义的，而不是通过继承 React.Component，因此我们不能直接使用 @connect 装饰器。 不过，我们可以通过使用 connect 函数的 Hook 版本来实现类似的功能。在函数式组件中，我们可以使用 useSelector 和 useDispatch 这两个 hooks 来分别获取 state 和 dispatch action。这样，我们就可以在函数式组件中实现与 @connect 相似的效果。 下面是一个如何在函数式组件中使用 connect 的示例： 12345678910111213141516171819202122232425262728293031323334import React from 'react';import { con...
2020-08-30
新版vue项目的创建
下载nodejs 然后一直下一步安装就行 打开vscode 点击左下角的 点击终端 （Win+R输入cmd或者powershell一样的） 然后开始安装vue 1234567891011121314151617181920212223242526#查看版本(如果nodejs安装完了还是显示不是内部或外部命令，也不是可运行的程序或批处理文件，重新打开一下vscode或命令框)PS C:\Users\1> npm -v6.14.5#安装cnpmPS C:\Users\1> npm install -g cnpm --registry=https://registry.npm.taobao.org#查看cnpm版本PS C:\Users\1> cnpm -vcnpm@6.1.1 (C:\Users\1\AppData\Roaming\npm\node_modules\cnpm\lib\parse_argv.js)npm@6.14.5 (C:\Users\1\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\...
2025-02-18
scopedb官网首页
我来到这个世界，为了看看太阳和蓝色的地平线。——《城门开》 https://github.com/scopedb/scopedb-site/pull/32 最近忙着给scopedb做了一个最简单的官网首页 这里说到一些细节吧，首先是适配移动端或者说小尺寸屏幕，这里在没有移动端对应UI设计图的情况下，我们采取pc的布局，因此字体单位使用的vw 然后是这张图片，未来可能会改为带动画的，效果会比较惊艳和抢眼 首页tsx如下 123456789101112131415161718192021222324252627282930313233343536373839import React from "react";import styles from './index.module.css';import Layout from "@theme/Layout";import clsx from "clsx";function HomepageBanner(): React.JSX.Element ...
2024-09-20
vinejs
仅仅对自然做种种临摹，并不会创造出什么伟大的艺术作品。——佚名 Vine.js 是一个轻量级、易于使用的 JavaScript 表单验证库，它的设计理念是简洁和灵活，特别适合前端和后端应用中的数据验证。无论是在前端用户输入时，还是在后端 API 请求时，Vine.js 都能帮助开发者快速、高效地进行数据验证，确保数据的完整性和准确性。 项目介绍Vine.js 诞生的目标是为 JavaScript 应用程序提供更简单、清晰的数据验证方法。它允许开发者定义一系列验证规则，并轻松地应用于不同的数据场景。通过其简洁的 API 设计和全面的错误处理，Vine.js 提供了直观的方式来定义验证逻辑，减少开发者手动编写验证代码的时间和精力。 主要特点： 简单易用：通过简洁的 API，让验证规则定义和应用变得更加直观。 灵活的错误处理：支持定制错误消息，并可以灵活地处理验证失败时的行为。 适用于前后端：无论是用于前端表单验证，还是后端 API 的请求参数验证，Vine.js 都能够胜任。 良好的扩展性：支持自定义验证器，允许开发者根据需要扩展库的功能。 官方文档和 GitHub 地址 官...
2024-11-03
typescript-exercises（八）
再也无需前思后想，一切岂非已然过往。——《且听风吟》 题目： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293/*Intro: Project grew and we ended up in a situation with some users starting to have more influence. Therefore, we decided to create a new person type called PowerUser which is supposed to combine everything User and Admin have.Exercise: Define type PowerUser which sh...