drauu
发表于|更新于
|浏览量:
在判断之前，应当消除内心的成见。——塞涅卡
分享一个基于SVG的画板项目：
https://github.com/antfu/drauu
相关推荐
2024-11-23
gsap
万人都要将火熄灭，我一人独将此火高高举起。——海子 https://github.com/greensock/GSAP https://gsap.com/ GSAP 是一个与框架无关的JavaScript 动画库，可将开发人员变成动画超级英雄。构建适用于所有主要浏览器的高性能动画。动画 CSS、SVG、canvas、React、Vue、WebGL、颜色、字符串、运动路径、通用对象…任何 JavaScript 可以触及的内容！ GSAP 的ScrollTrigger插件以最少的代码提供令人惊叹的基于滚动的动画。 gsap.matchMedia()使构建响应式、易于访问的动画变得轻而易举。 没有其他库能够提供如此先进的测序、可靠性和严格的控制，同时解决超过 1200 万个站点的实际问题。 GSAP 解决了无数浏览器不一致的问题；你的动画就可以了。从本质上讲，GSAP 是一个高速属性操纵器，可以随着时间的推移以极高的精度更新值。它比 jQuery 快 20 倍！ GSAP 完全灵活；把它撒在你想要的地方。零依赖。 有许多可选插件和缓动功能可以轻松实现高级效果，例如滚动、变形、沿运动...
2022-06-06
TailwindCss
懒惰象生锈一样，比操劳更能消耗身体；经常用的钥匙，总是亮闪闪的。——富兰克林 分享一个CSS框架，内置了很多css样式： https://www.tailwindcss.cn/ 使用方式： https://www.tailwindcss.cn/docs/installation 注意其不支持IE浏览器 仓库地址：https://github.com/tailwindlabs/tailwindcss 甚至你可以直接在Playground中进行尝试： https://play.tailwindcss.com/
2022-08-22
webpack资源管理
天分高的人如果懒惰成性，亦即不自努力以发展他的才能，则其成就也不会很大，有时反会不如天分比他低些的人。——茅盾 书接上文，首先对上次的项目进行改造，参考：https://webpack.docschina.org/guides/asset-management/ 将main.js改为bundle.js index.html 12345678910<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>管理资源</title> </head> <body> <script src="bundle.js"></script> </body></html> webpack.config.js 123456789const path = require('path');module.expo...
2025-12-21
bun
时间就象海绵里的水一样，只要你愿意挤，总还是有的。——鲁迅 Bun 全面上手：Zig 打造的全能 JavaScript/TypeScript 工具链，一行命令跑起你的全栈应用 仓库地址：oven-sh/bun官方文档与指南：bun.com/docs简介：Bun 是一个“一体化”的 JavaScript/TypeScript 应用工具链，单一可执行文件 bun 即可同时充当运行时、包管理器、测试运行器与打包器，目标是成为 Node.js 的“即可替换”运行时。 为什么是 Bun？来自官方 README 的定义： Bun 是一个全能（all-in-one）工具集，单一可执行文件 bun。 核心是一个高速运行时，以 Zig 编写，底层由 JavaScriptCore 驱动。 设计目标：在尽可能多的场景下，直接替换 Node.js 使用。 开箱支持 TypeScript 与 JSX；内置测试、脚本运行和Node 兼容的包管理器。 一句话概括：有了 Bun，你可以更少的依赖、更短的启动链路、更快的开发/运行体验，把“常见的 No...
2024-09-16
vue+vite模板vitesse
不用给我爱，不用给我钱，不用给我声誉，给我真理吧。——梭罗《瓦尔登湖》 1 项目介绍 Vitesse 是一个基于 Vite 的快速开发模板，由 antfu 维护和开发，专为 Vue.js 项目设计。Vitesse 提供了完整的前端开发环境和最佳实践，内置了多个常用工具和配置，使得开发者可以快速启动项目，而无需从头配置。 通过 Vitesse，开发者可以专注于业务逻辑的实现，而不必在项目的基础配置上花费太多时间。它内置了 Vue 3、Vite、Pinia、Vue Router、TypeScript 等主流技术栈，适合用于构建现代前端应用。 Vitesse 的主要特点： 基于 Vite：Vitesse 继承了 Vite 的高效、快速打包和热更新特性，能够显著加速开发流程。 Vue 3 支持：Vitesse 完全支持 Vue 3 的 Composition API，提供了现代化的 Vue.js 开发体验。 TypeScript 集成：项目中内置了 TypeScript 支持，帮助开发者编写类型安全的代码。 轻松的状态管理：通过 Pinia 实现简单易用的状态管理方案。 Ta...
2021-05-12
vue子组件调用父组件方法
强迫学习的东西是不会保存在心里的。——《柏拉图论教育》 首先我们在子组件中这样定义 123456789101112131415<template> <div> <el-button @click="callSuper">123</el-button> </div></template><script>export default { methods: { callSuper() { this.$emit('parentEvent', '我的'); } }};</script> 这里的组件就只有一个el-button，点击后执行callSuper函数 里面这行this.$emit('parentEvent', '我的');表示 调用在父组件 引用子组件时 传入的事件 例如我这里调用了parentEvent，传入了个“我的”...