RainEffect
发表于|更新于
|浏览量:
不要从你自己的口袋里掏出勋章借给你的朋友，这是侮辱他的——泰戈尔
分享一个真实的雨滴效果：
https://tympanus.net/Development/RainEffect/#slide-1
github地址：https://github.com/codrops/RainEffect
还是非常炫酷的
相关推荐
2021-12-11
jq eq
要知道对好事的称颂过于夸大，也会招来人们的反感轻蔑和嫉妒。——培根 我们使用jquery选择器时如果有多个结果，我们可以使用eq函数选择指定下标的元素 例如此处 1234567891011121314151617<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://www.jq22.com/jquery/jquery-3.3.1.js"></script> </head> <body> <div class="ruben">vampire</div> <div class="ruben">ruben</div> <script type="text/javascript"&...
2024-06-01
dialog标签
懂得兜圈子，绕道而行的人，往往是第一个登上山峰的人。——佚名 今天分享一个html标签dialog <dialog>：对话框元素 - HTML（超文本标记语言） | MDN 这是一个2022年新增的新标签 说白了就是一个弹框 简单示例： 123456<dialog open> <p>Greetings, one and all!</p> <form method="dialog"> <button>OK</button> </form></dialog> 我们可以对齐增加一个动画： 代码出处： Animating <dialog> 123456789101112131415161718192021222324<!-- Transition or Animate a <dialog> Modal Open + closed state Problem: The browser display:none;...
2023-10-27
react服务端组件
过分的赞美，对于心智是有害的。——克雷洛夫 相关博客如下： Introducing Zero-Bundle-Size React Server Components – React https://react.dev/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023#react-server-components 仓库地址： https://github.com/reactjs/server-components-demo 这是一个使用服务器组件构建的Demo应用，服务器组件是一个实验性的 React 功能。我们强烈建议在浏览此演示之前观看介绍服务器组件的演讲视频。该视频包括演示代码的流程，并重点介绍服务器组件如何工作以及它们提供的功能的关键点。 使用node18+，进入Demo 12npm install --legacy-peer-depsnpm start 此处再运行Docker，运行数据库环境 1docker-compose up 然后打开 http://localhost:...
2022-08-21
webpack
细砂般数不尽的星，有颗向我眨眼睛。——芥川龙之介《侏儒的话》 摘自芥川龙之介的《侏儒的话》。 首先是官方文档：https://webpack.docschina.org/ 本质上，webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个 依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容。 接下来我们跟着快速上手一下，将一个普通的html文件使用webpack改造 https://webpack.docschina.org/guides/getting-started 创建目录，安装依赖 1234mkdir webpack-democd webpack-demonpm init -ynpm install webpack webpack-cli --save-dev 新建index.html 1234567891011<!DOCTYPE html><html&...
2022-06-29
konva实现双击编辑富文本
那一天我二十一岁，在我一生的黄金时代，我有好多奢望。我想爱，我想吃，我想在一瞬间变成天上半明半暗的云。——《黄金时代》 完整代码放到了：https://gitee.com/VampireAchao/simple-konva-html 主要是这个文件 https://gitee.com/VampireAchao/simple-konva-html/blob/master/richtext-dragable.html 思路来源：https://konvajs.org/docs/sandbox/Rich_Text.html 主要思路： 1.双击时创建(我这里是隐藏显示再定位)富文本dom节点 2.通过htmlToCanvas转换html为canvas 3.使用Konva.Image渲染 效果还是蛮不错的，能做polotno的类似案例
2022-04-06
react hook 生命周期
诚实的生活方式其实是按照自己身体的意愿行事，饿的时候才吃饭，爱的时候不必撒谎。——马尔克斯《霍乱时期的爱情》 官方文档：https://zh-hans.reactjs.org/docs/hooks-reference.html#conditionally-firing-an-effect 直接上代码： 123456789101112131415161718192021222324252627282930313233343536373839404142'use strict';function LikeButton() { const [liked, setLiked] = React.useState(false) const [count, setCount] = React.useState(0) React.useEffect(() => { // 只执行一次 setInterval(() => setCount(state => ++state), 1000) ...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog