package包分享

一、可视化

echarts

• Apache ECharts，一个基于 JavaScript 的开源可视化图表库
• 官网：https://echarts.apache.org/zh/index.html

echarts-gl

• Apache ECharts的扩展包，提供3D绘图、地球仪可视化和WebGL加速
• github地址：https://github.com/ecomfe/echarts-gl

echarts-liquidfill

• 水球图，Apache ECharts的插件，通常用于以百分比表示数据
• github地址：https://github.com/ecomfe/echarts-liquidfill

echarts-wordcloud

• 词云，Apache ECharts的插件
• github地址：https://github.com/ecomfe/echarts-wordcloud

Highcharts

• 一个用纯 JavaScript 编写的一个图表库
• github地址：https://github.com/highcharts/highcharts
• 官网：https://www.highcharts.com

ZRender

• 二维绘图引擎，它提供 Canvas、SVG、VML 等多种渲染方式， 也是 echarts 的渲染器
• 中文文档地址：http://www.himeizi.cn/zrender
• github地址：https://github.com/ecomfe/zrender

D3.js

• 一个用于创建交互式数据可视化的 JavaScript 库
• github地址：https://github.com/d3
• 官网：https://d3js.org

AntV

• AntV 是蚂蚁金服全新一代数据可视化解决方案，包括G2、G6、F2、L7，适合于数据分析、报告展示和数据驱动的决策支持
• github地址：https://github.com/antvis
• 官网：https://antv-2018.alipay.com/zh-cn/index.html

二、动画

splitting

• 分割类库，包含loading加载动画
• npm地址：https://www.npmjs.com/package/splitting
• 官网：https://splitting.js.org/guide.html#what-is-splitting

animate.css

• 跨浏览器的css3动画库
• github地址：https://github.com/animate-css/animate.css
• 官网：https://animate.style

GSAP（GreenSock）

• 最健全的web动画库之一
• GreenSock动画平台（GSAP）可以对JavaScript可以操作的所有内容进行动画处理（CSS属性，SVG，React，画布，通用对象等），同时解决了不同浏览器上存在的兼容性问题，而且速度极快（比jQuery 快20倍）
• github地址：https://github.com/greensock/GSAP
• 官网：https://greensock.com

bezier-easing

• 简化JavaScript动画的三次贝塞尔曲线实现
• github地址：https://github.com/gre/bezier-easing

barba

• 动画库，可以在页面之间创建流畅、平滑的过渡
• github地址：https://github.com/barbajs/barba
• 官网：https://barba.js.org/

normalize.css

• 一个可以定制的CSS文件，它让不同的浏览器在渲染网页元素的时候形式更统一
• github地址：https://github.com/necolas/normalize.css
• 官网：https://necolas.github.io/normalize.css

三、JavaScript

lodash

• 一个 JavaScript 实用工具库
• github地址：https://github.com/lodash/lodash
• 官网：https://www.lodashjs.com

jsencrypt

• 一个基于RSA加解密的js库
• github地址：https://github.com/travist/jsencrypt
• 官网：http://travistidwell.com/jsencrypt

Sortable

• 拖拽，对表格进行排序的 JavaScript 包
• github地址：https://github.com/SortableJS/Sortable
• 官网：https://sortablejs.github.io/Sortable

D3js

• 基于数据来操作文档的JavaScript库，图形构建工具
• 官网：https://d3js.org

dayjs

• 一个轻量的处理时间和日期的 JavaScript 库
• github地址：https://github.com/iamkun/dayjs
• 官网：https://day.js.org

html2canvas

• 基于DOM的JavaScript截图
• github地址：https://github.com/niklasvh/html2canvas

js-cookie

• 一个简单的，轻量级的使用js处理cookies的 API。简化了原生cookie处理操作
• github地址：https://github.com/js-cookie/js-cookie

jspdf

• 使用 Javascript 语言生成 PDF 的开源库
• github地址：https://github.com/parallax/jsPDF

lodash-es

• JavaScript 实用工具库，提供一致性，及模块化、性能和配件等功能
• lodash 消除了处理数组的麻烦，从而简化了 JavaScript、 数字、对象、字符串等
• github地址：https://github.com/lodash/lodash
• 官网：https://lodash.com
• 注：lodash为了良好的浏览器兼容性, 它使用了旧版es5的模块语法; 而lodash-es则使用了es6的模块语法, 这让webpack之类的打包工具可以对其进行tree shake以删除为使用的代码来优化打包尺寸。所以我们用lodash-es代替lodash

moment

• 一个轻量级的用于解析、验证、操作和格式化日期的JavaScript时间库
• github地址：https://github.com/moment/moment
• 官网：https://momentjs.com
• 中文网：https://www.momentjs.com.cn

nprogress

• 一个轻量级的进度条插件
• github地址：https://github.com/rstacruz/nprogress
• 官网：https://ricostacruz.com/nprogress

四、vue

Pinia

• 一个Vue存储库
• github地址：https://github.com/vuejs/pinia
• 官网：https://pinia.web3doc.top

vuedraggable

• 基于vue的拖动组件
• github地址：https://github.com/SortableJS/Vue.Draggable
• 参考地址：https://segmentfault.com/a/1190000021376720

vue-seamless-scroll

• 基于vue的无缝滚动插件
• github地址：https://github.com/chenxuan0000/vue-seamless-scroll
• 官网：https://chenxuan0000.github.io/vue-seamless-scroll/zh/

vue-lottie

• 一个基于vue的 json动画库
• github地址：https://github.com/chenqingspring/vue-lottie

Naive UI

• 用 TypeScript 写的 Vue 3 组件库
• github地址：https://github.com/tusen-ai/naive-ui
• 官网：https://www.naiveui.com

五、编辑器

mavonEditor

• 一个markdown文本编辑器
• github地址：https://github.com/hinesboy/mavonEditor
• 官网：http://www.mavoneditor.com

tinymce

• 一个HTML文本编辑器
• github地址：https://github.com/tinymce/tinymce
• 官网：https://www.tiny.cloud

vue-codemirror

• 一个基于vue的代码编辑器
• github地址：https://github.com/surmon-china/vue-codemirror

六、组件库

Element

• 一个 UI 组件库
• 2版本-官网：https://element.eleme.cn/#/zh-CN/component/installation
• 3版本-官网：https://element-plus.org/zh-CN/component/button.html

element-china-area-data

• 中国省市区三级联动插件
• github地址：https://github.com/Plortinus/element-china-area-data

antd-mobile

• 一个基于 Preact/React/React Native 的 UI 组件库。移动端Web应用的实现
• github地址：https://github.com/ant-design/ant-design-mobile
• 官网：https://mobile.ant.design

Vant

• 一个轻量、可定制的移动端组件库
• github地址：https://github.com/youzan/vant
• 官网：https://vant-ui.github.io/vant/#/zh-CN

uView

• 多平台快速开发的 UI 框架
• github地址：https://github.com/umicro/uView2.0
• 官网：https://www.uviewui.com/components/intro.html