前端相关常用的js库与插件使用
1、ECharts.js
简述：echarts是用于做前端可视化统计图项目的工具，提供了常规的折线图，柱状图，散点图，饼图，K线图等等，是一个非常方便的工具。
官网：https://echarts.apache.org/zh/index.html
本地展示：http://qdhelp.fanghuaold.com/jsku/echart/ech01.html
2、typeit.min.js
简述：是最通用的 JavaScript 工具，用于在这个星球上创建打字机效果。通过简单的配置，它允许您输入单个或多个断行、删除和替换彼此的字符串，甚至可以处理包含复杂 HTML 的字符串,对于更高级的打字效果，可以使用实例方法将您的打字链接到单个字符，使您能够创建动态、栩栩如生的叙述，完全控制速度变化、删除甚至光标位置。
本地展示：http://qdhelp.fanghuaold.com/jsku/typeit/
3、Animate.css
简述：Animate.css是一个随时可用的跨浏览器动画库，可用于您的 Web 项目。非常适合强调、主页、滑块和注意力引导提示。
本地展示：h
4、wow.js
简述：wow.js依赖于animate.css，首先在头部引用animate.css或者animate.min.css。
详情使用：http://qdhelp.fanghuaold.com/jsku/wow/
本地展示：http://qdhelp.fanghuaold.com/jsku/wow/wow01/wow01.html
5、scrollReveal.js – 页面滚动显示动画JS
简述：和 WOW.js 一样，scrollReveal.js 也是一款页面滚动显示动画的 JavaScript，能让页面更加有趣，更吸引用户眼球。不同的是 WOW.js 的动画只播放一次，而 scrollReveal.js 的动画可以播放一次或无限次；WOW.js 依赖 animate.css，而 scrollReveal.js 不依赖其他任何文件。 虽然 scrollReveal.js 不依赖 animate.css，但它的动画也是用 CSS3 创建的，所以它不支持 IE10 以下的浏览器。
详情使用：https://scrollrevealjs.org/
本地展示：http://qdhelp.fanghuaold.com/jsku/scrollReveal/
5、scrollReveal.js – 页面滚动显示动画JS
简述：和 WOW.js 一样，scrollReveal.js 也是一款页面滚动显示动画的 JavaScript，能让页面更加有趣，更吸引用户眼球。不同的是 WOW.js 的动画只播放一次，而 scrollReveal.js 的动画可以播放一次或无限次；WOW.js 依赖 animate.css，而 scrollReveal.js 不依赖其他任何文件。 虽然 scrollReveal.js 不依赖 animate.css，但它的动画也是用 CSS3 创建的，所以它不支持 IE10 以下的浏览器。
详情使用：https://scrollrevealjs.org/
本地展示：http://qdhelp.fanghuaold.com/jsku/scrollReveal/
6、翻译的js，只需要引用一个js就能实现多国语言网站
1. 引入js库
<script src="https://res.zvo.cn/translate/translate.js"></script>
2. 在页面最底部加入js代码
//translate.ignore.tag.push('span'); //翻译时追加上自己想指定忽略的tag标签，凡是在这里面的，都不进行翻译。
//translate.ignore.class.push('test'); //翻译时指定忽略的class name，凡是class name 在这里面的，都不进行翻译。如果不设置默认只有 ignore 这一个
//translate.setAutoDiscriminateLocalLanguage(); //设置用户第一次用时，自动识别其所在国家的语种进行切换
translate.setUseVersion2(); //设置使用v2.x 版本
translate.execute(); //执行翻译初始化操作，显示出select语言选择
引言
动画UI库列表
MagicUI
Aceternity UI
UI布局库
Cult UI
Eldora UI
Syntax UI
Hover.Dev
Svelte动画组件库
LunarUI
Animata
Inspira UI
结束语
