buttons
发表于|更新于
|浏览量:
善人同处，则日闻嘉讯；恶人同游，则日生邪情。——范晔
分享一个按钮样式项目：
https://github.com/alexwolfe/Buttons
对应的网站：
https://unicorn-ui.com/buttons/builder/#
可以自定义你的按钮样式、颜色、点击效果
包括3d等等
相关推荐
2022-03-07
dvajs
我喜欢我的懦弱，痛苦和难堪也喜欢。喜欢夏天的光照，风的气息，蝉的鸣叫，喜欢这些，喜欢得不得了。——《寻羊冒险记》 dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。 官网文档：https://dvajs.com/ 简单快速入门后，有一个课堂实战 这个实战就是用dvajs 写一个列表，包含删除按钮，点删除按钮后延迟 1 秒执行删除。 当然，我也完成了这个简单的Demo： https://gitee.com/VampireAchao/simple-dva.git 并顺手练习了一下并行、竞争等概念 还是很有意思的
2025-06-16
mermaid-live-editor
教学的艺术不在于传授本领，而在于关于激励、唤醒、鼓舞。——第斯多惠 https://github.com/mermaidjs/mermaid-live-editor Mermaid Live Editor：在线绘制和分享流程图、时序图的神器在日常开发、产品设计和文档编写中，流程图、时序图、甘特图等可视化图形是表达系统逻辑、业务流程和协作方案的利器。Mermaid 作为一款流行的文本化图形描述工具，在开发者和技术团队中拥有极高的口碑。而 @mermaidjs/mermaid-live-editor 正是将 Mermaid 的强大能力带到了浏览器，让你即开即用、即写即画。 什么是 Mermaid Live Editor？Mermaid Live Editor 是一个基于浏览器的在线编辑器，专门用于编写和实时渲染 Mermaid 语法的各种图表。你只需要用简单的 Markdown 风格文本描述图表结构，编辑器即可自动渲染为可视化图形，并且支持导出、分享、预览等便捷操作。 主要特性1. 实时预览与高亮 左侧输入 Mermaid 语法，右侧实时渲染对应图形。 支持语法高亮...
2023-09-14
console importer
当你没有空休息的时候，就是你该休息的时候——西德尼 分享一个chrome插件Console Importer，可以方便我们在浏览器中进行调试一些没有本地安装的js库 GitHub - pd4d10/console-importer: Easily import JS and CSS resources from Chrome console. 从 Chrome 网上应用店安装它： Console Importer - Chrome 应用商店 安装完重进使用： Usage 用法Open Chrome devtools console, a function named $i could be used to import JavaScript and CSS resources.打开Chrome devtools控制台，一个名为的 $i 函数可用于导入JavaScript和CSS资源。 1$i('jquery') Import specific version:导入特定版本： 1$i('jquery@2') Also,...
2021-04-19
js的Object.assign坑
志当存高远。——诸葛亮 今天遇到一个坑 1234567891011121314151617181920212223242526272829303132<template> <div> <el-form> <el-form-item> <el-input v-model="user.name"></el-input> <el-input v-model="user.age"></el-input> <el-input v-model="user.gender"></el-input> <el-button type="primary" @click="toYoung">点我</el-button> </el-form-item> <...
2022-04-23
drag事件
生活最沉重的负担不是工作，而是无聊。——罗曼·罗兰 首先是MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/HTML_Drag_and_Drop_API 然后是代码： 123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html> <head> <style> .drop-container{ width: 200px; height: 200px; border: 1px solid red; background: #eee; } .drag-ball{ w...
2024-10-15
object-fit
能轻易做到别人感觉困难的事是人才；能轻易做到别人所不能做的工作是天才。——西德尼 讲一个小技巧，对于图片裁剪可以用这个属性：object-fit object-fit 是一个 CSS 属性，用于指定替换元素（如 <img> 和 <video>）内容的尺寸如何适应其容器。它定义了内容如何填充容器的大小，以及是否保持内容的比例 例如： 123<div style="width: 400px; height: 400px; overflow: hidden;"> <img src="https://vampireachao.github.io/imgs/head.png" style="width: 100%; height: auto; object-fit: cover; object-position: 0px 0px;transform: scale(1.2);"></div>
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog