movyjs
发表于|更新于
|浏览量:
早知如此绊人心，何如当初莫相识。
——李白
分享一个开源项目
https://github.com/rossning92/movy
这是一个生成动画/视频的js库
它可以方便地创建动画，也可以直接转换为视频
相关推荐
2023-08-25
js阻止默认事件踩坑
人这种卑鄙的东西，什么都会习惯的。——陀思妥耶夫斯基《罪与罚》 今天遇到一个问题，我想阻止浏览器默认的滚动事件，却阻止不了还一直报错 123456789101112131415161718192021<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div style="height: 2000px;background:#888"> </div> <script> document.addEventL...
2026-01-24
remotion
不要老叹息过去，它是不再回来的；要明智地改善现在。要以不忧不惧的坚决意志投入扑朔迷离的未来。——朗费罗 Remotion：用 React“写”视频的开发者框架你可能已经习惯用 React 搭页面、用三方库做动画，但有没有想过——用 React 直接“写”视频？Remotion 的答案是肯定的。它把我们熟悉的 Web 技术栈转换成视频生成的能力：用 JSX 描述画面、用 CSS/Canvas/SVG/WebGL 进行布局与渲染、用编程逻辑与算法叠加效果，然后“程序化地”输出成视频。 仓库：remotion-dev/remotion 官方站点与文档：remotion.dev · remotion.dev/docs · API 快速开始：npx create-video@latest 许可证提示：Remotion 有特殊许可规则，部分使用情形需企业许可，详见仓库内 LICENSE.md 为什么用 React 来“写”视频Remotion 的 README 讲得很清楚： Leverage Web Technologies直接调...
2025-07-05
如何写一个 react 组件
天下之事不难于立法，而难于法之必行。一一明·张居正 https://github.com/react-component/react-component.github.io/blob/master/docs/zh-cn/how-to-write-a-react-component.md 如何写一个 react 组件 author: yiminghe@gmail.com 建立组件 git 库 https://github.com/react-component 搭建脚手架 使用 https://github.com/react-component/generator-rc 搭建脚手架 目录结构12345678910- .travis.yml- examples - index.js - index.html- src - Component.jsx- index.js- tests - index.spec.js- package.json 源码 在 src 目录中写 es2015 js，在 assets 目录下写 less，在 tests 目录下写 测试用例，代码...
2021-05-15
splice
一百个满怀信心和决心的人，要比一万个谨小慎微的和可敬的可尊重的人强得多。——辛克莱 最近发现前端中对于数组有这样一个函数splice非常好用 首先我们可以这样 12var list = [1,2,3,4,5];list.splice(1) 可以看到我们从下标为1开始的2，截取了剩余部分 最后结果为2,3,4,5 但这是splice函数的返回值，我们如果看之前的list，可以看到只剩1了 因为1后面的被我们的splice截取掉啦 那我们如果传入两个参数，例如我这里从下标为3开始，截取两个元素 我们再看看原来的list，果然是剩下的1,2,3 如果我们想要截取时还要对应替换的话？ 例如我这里想把3,4,5替换成4,5,6 就可以这么写 最后得到的list就是我们想要的结果 但如果我们想要截取掉的部分，就直接取splice的返回值即可 这里从下标2开始截取掉了两个元素3,4，换成了4,5
2022-09-24
echarts关系图
交一个读破万卷书邪士，不如交一个不识一字端人——金缨 案例地址：https://echarts.apache.org/examples/zh/editor.html?c=graph&version=5.3.3 点击下方下载示例即可下载： 我这里也根据文档写了个demo： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120<!-- 此示例下载自 https://echarts.apache.org/examples/zh/editor.html?c=graph--><!DOCTYPE html>&l...
2020-09-01
js函数防抖
之前写了一篇javascript防抖是应用在按钮中的 今天继续完善一下,下面的函数ruben就算循环10亿次，一秒内也会只调用一次 123456789101112131415var antiShakeFlag = false; function ruben() { if (antiShakeFlag) { return; } console.log("ruben") antiShakeFlag = true; setTimeout(() => { antiShakeFlag = false; }, 1000); } for (let i = 0; i < 10; i++) { console.log("achao&qu...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog