1. JS 常用的工具类
1、Lodash
Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。
简单的说,就是很多方法 Lodash 已经帮你写好了,直接使用符号 ‘_’ 调用就可以。
例如:N 次循环
<script type="text/javascript">
console.log('------- javascript -------');
//js原生的循环方法
for(var i = 0; i < 5; i++){
console.log(i);
}
console.log('------- lodash -------');
//ladash的times方法
_.times(5,function(a){
console.log(a);
});
</script>
Lodash 中文文档:https://www.lodashjs.com
2、Ramda
Ramda 一款实用的 JavaScript 函数式编程库。
Ramda 库信息非常大,只对常用函数进行整理总结,方便快速上手使用
例如:
R.uniq([1, 1, 2, 1]);
// [1,2]
Ramda 中文文档:https://ramda.cn
3、Day.js
轻量级 JavaScript 时间日期处理库
Ramda 中文网:https://dayjs.fenxianglu.cn
4、Big.js
一个小型,快速的 JavaScript库,用于任意精度的十进制算术运算。
Big.js 文档:https://www.npmjs.com/package/big-js
2. 网络请求
1、Axios
易用、简洁且高效的http库。
Axios 文档:http://www.axios-js.com
2、Superagent
轻量的Ajax API。
Axios 文档:http://www.axios-js.com
3、Fly.js
HTTP 请求终极解决方案。
Fly.js 文档:https://nodejs.ctolib.com/wendux-fly.html
3. 图形/图像处理库
1、html2canvas
JavaScript 实现页面截图的类库
html2canvas 官网:http://html2canvas.hertzen.com
2、dom-to-image
一个可以将任意 DOM 节点转换为用 JavaScript 编写的矢量(SVG)或光栅(PNG或JPEG)图像的库。
4. 动画库
1、Anime.js
一个JavaScript动画库,可以处理CSS属性,单个CSS转换,SVG或任何DOM属性以及JavaScript对象。
2、fullPage.js
一个可轻易创建全屏滚动网站的js滚动动画库, 兼容性无可替代。
3、Velocity
一个高效的 Javascript 动画引擎,与 jQuery 的 $.animate() 有相同的 API , 同时还支持彩色动画、转换、循环、画架、SVG支持和滚动等效果。