RainEffect
发表于|更新于
|浏览量:
不要从你自己的口袋里掏出勋章借给你的朋友，这是侮辱他的——泰戈尔
分享一个真实的雨滴效果：
https://tympanus.net/Development/RainEffect/#slide-1
github地址：https://github.com/codrops/RainEffect
还是非常炫酷的
相关推荐
2022-03-31
vue项目配置可选调用链
生活是苦难的，我又划着我的断桨出发了。——博尔赫斯 可选调用链就是?.写法 有些vue项目没有默认配置，因此只能手动配置 介绍：https://babeljs.io/docs/en/babel-plugin-proposal-optional-chaining 安装： 1cnpm i --save-dev @babel/plugin-proposal-optional-chaining 然后配置在根目录下的babel.config.js 新增： 123{ "plugins": ["@babel/plugin-proposal-optional-chaining"]} 完整： 12345678module.exports = { presets: [ "@babel/preset-env", ['@vue/app', { useBuiltIns: 'entry' }] ], "plugi...
2021-06-19
集成wangEditor
寿命的缩短与思想的虚耗成正比。——达尔文 官方文档 wangEditor：Typescript 开发的 Web 富文本编辑器， 轻量、简洁、易用、开源免费 html里集成wangEditor非常简单 1234567<div id="div1"></div><script src="https://unpkg.com/wangeditor/dist/wangEditor.min.js"></script><script> var E = window.wangEditor; var editor = new E("#div1"); editor.create();</script> 只需要上方几行代码即可完成 如果我们需要获取富文本中的内容 使用editor.txt.html()即可
2022-08-14
CSSStyleSheet
只要能培育出艳丽的花朵，做一颗会朽的草又有何妨？ ——鲁迅 惯例，先上MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/CSSStyleSheet 然后是例子： 新增规则：https://developer.mozilla.org/zh-CN/docs/Web/API/CSSStyleSheet/insertRule 12// 新增一条规则，将所有元素的hover字体颜色设为蓝色document.styleSheets[0].insertRule("*:hover { color:blue }") 移除规则：https://developer.mozilla.org/zh-CN/docs/Web/API/CSSStyleSheet/deleteRule 1document.styleSheets[0].deleteRule(0)
2023-09-03
apache-shenyu添加前端告警模块
求学的三个条件是：多观察、多吃苦、多研究。——加菲劳 这两天在忙shenyu的告警模块，一个简单的CRUD的后台列表前端对接，其实蕴含了不少知识和踩坑 [Improve] add alert module by VampireAchao · Pull Request #333 · apache/shenyu-dashboard · GitHub 例如其中使用form达成react中的双向绑定等等，以及redux-saga进行状态管理
2025-03-19
primer-css
只要条件许可，机会成熟，人人都是想作恶的。——叔本华 介绍 Primer CSS：GitHub 的设计系统最近，我在寻找一个强大的设计系统来提升我的项目 UI 设计时，发现了 GitHub 的设计系统——Primer CSS。今天，我将为大家详细介绍一下这个优秀的项目，帮助你更好地了解和使用它。 什么是 Primer CSS？Primer 是 GitHub 的设计系统，提供了一套完整的 CSS 实现，旨在帮助开发者快速构建一致且美观的用户界面。无论你是开发者还是设计师，Primer CSS 都能为你的项目提供强大的支持。 项目概述Primer CSS 是 GitHub 开发和维护的开源项目，自 2015 年 3 月 19 日创建以来，已经吸引了超过 1.2 万个星标和 1244 个 forks。该项目使用 SCSS 语言编写，遵循 MIT 许可证，确保其免费和开源。 项目特点 一致性：Primer CSS 提供了一套统一的样式和组件，确保你的项目在各个页面和模块之间保持一致。 高效：通过使用 Primer CSS，你可以快速构建和维护用户界面，节省大量的开发时间。 可定制：P...
2025-05-15
wangeditor自定义菜单
时间是衡量事业的标准。 —— 培根 代码如下： 12345678910111213141516171819202122232425262728293031323334import { DomEditor, IButtonMenu, IDomEditor, ISelectMenu } from '@wangeditor/editor'export class MentionMenu implements IButtonMenu { constructor() { this.title = '设置标签' // this.iconSvg = '<svg >...</svg>' this.tag = 'button' } title: string iconSvg?: string | undefined hotkey?: string | undefined alwaysEnable?: boolea...