movyjs
发表于|更新于
|浏览量:
早知如此绊人心,何如当初莫相识。
——李白
分享一个开源项目
https://github.com/rossning92/movy
这是一个生成动画/视频的js库

它可以方便地创建动画,也可以直接转换为视频
相关推荐
2022-09-29
relation-graph
青年人如果有青年人的精神,这精神就是乐观——茅盾 这是一个Vue关系图谱组件,可以展示如组织机构图谱、股权架构图谱、集团关系图谱等知识图谱,可提供多种图谱布局,包括树状布局、中心布局、力学布局自动布局等。 git仓库:https://github.com/seeksdream/relation-graph 文档地址:http://relation-graph.com/#/docs/start 在线体验:http://relation-graph.com/#/demo/layout-center 甚至包含在线配置工具 十分强大
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()即可
2023-05-11
Arco Design Pro
旧书不厌百回读,熟读深思子自知——苏轼 分享一个开箱即用的中后台前端解决方案 https://github.com/arco-design/arco-design-pro-vue
2021-09-28
vue中slot插槽
Be weird. Your strangeness is your magic. 我们在进行vue开发中,经常会使用到slot插槽 插槽允许我们在父组件引用子组件时,在组件其中放一段可以带标签的元素,甚至放入其他组件等 例如我这里定义一个组件 12345678910111213141516171819<template> <div> <header><slot name="header" :user="user">-------</slot></header> <main><slot :user="user">默认内容</slot></main> <footer><slot name="footer" :user="user">-------</slot></footer> </div><...
2023-05-09
元素下方超出换列
根本不应该为取悦别人而使自己失敬于人——卢俊 我们有时候需要这种需求:元素高度超出后换到下一列 则可以使用column-count column-count可以指定最大列数 123456column-count: 3;column-count: auto;column-count: inherit;column-count: initial;column-count: unset; 简写属性:columns 12345678910111213141516/* Column width */columns: 18em;/* Column count */columns: auto;columns: 2;/* Both column width and count */columns: 2 auto;columns: auto 12em;columns: auto auto;/* Global values */columns: inherit;columns: initial;columns: unset; 例子: HTML12345<p class="c...
2024-06-22
vue3侦听器
君子不责人所不及,不强人所不能,不苦人所不好。——王通 官方文档 侦听器 | Vue.js 写法有点不同 1234567891011121314151617181920212223242526272829303132<script setup>import { ref, watch } from 'vue'const question = ref('')const answer = ref('Questions usually contain a question mark. ;-)')const loading = ref(false)// 可以直接侦听一个 refwatch(question, async (newQuestion, oldQuestion) => { if (newQuestion.includes('?')) { loading.value = true answer.value = 'Thi...
