前端高效开发必备的js库梳理

身处前端的环境中，我们会发现，前端更新换代非常快，每年都会有大量的新的框架和库出现，同时也会有很多会被淘汰。作为一个合格的前端开发人员，需要在技术快速迭代更新中，学会总结。

js常用工具类

lodash：一个一致性、模块化、高性能的JavaScript实用工具库
ramda：一个很重要的库，提供了许多有用的方法，每个前端人员都应该掌握这个工具
day.js：一个轻量的处理时间和日期的JavaScript库，和Moment.js的API设计保持完全一样，体积只有2kb
big.js：一个小型，快速的JavaScript库，用于任意精度的十进制算术运算
qs：一个url参数转化(parse和stringify)的轻量级js库

dom库

JQuery：封装了各种dom/事件操作，设计思想值得研究借鉴
zepto：jquery的轻量级版本，适合移动端操作
fastclick：一个简单易用的库，它消除了移动端浏览器上的物理点击和触发一个click事件之间的300ms的延迟，目的就是在不干扰你目前的逻辑的同时，让你的应用感觉不到延迟，反应更加灵敏

文件处理

file-saver：一个在客户端保存文件的解决方案，非常适合在客户端上生成文件的Web应用程序
js-xlsx：一个强大的解析和编写excel文件的库

网络请求

Axios：一个基于Promise封装的HTTP库，可用在Node.js和浏览器上发起HTTP请求，支持所有现代浏览器，甚至包括IE8+
Superagent：基于Ajax的优化，可以与Node.js HTTP客户端搭配使用
fly.js：一个基于Promise封装的HTTP请求库，可以用在Node.js, Weex, 微信小程序，浏览器，React Native中

动画库

Anime.js：一个JavaScript动画库，可以处理CSS属性，单个CSS转换，SVG或任何DOM属性以及JavaScript对象
Velocity：一个高效的JavaScript动画引擎，与JQuery的 $.animate()有相同的API，同时还支持彩色动画、转换、循环、画架、SVG支持和滚动等效果
Vivus：一个零依赖的JavaScript动画库，可以让我们用SVG制作动画，使其具有被绘制的外观
GreenSock JS：一个JavaScript动画库，用于创建高性能、零依赖、跨浏览器动画，已在超过400万个网站上使用, 并且可以在React、Vue、Angular项目中使用
Sroll Reveal：零依赖，为 web 和移动浏览器提供了简单的滚动动画，以动画的方式显示滚动中的内容
Kute.js：一个强大高性能且可扩展的原生JavaScript动画引擎，具有跨浏览器动画的基本功能
Typed.js：一个轻松实现打字效果的js插件
fullPage.js：一个可轻易创建全屏滚动网站的js滚动动画库, 兼容性无可替代
iscroll：移动端使用的一款轻量级滚动插件

鼠标/键盘相关

KeyboardJS：一个在浏览器中使用的库（与node.js兼容）.它使开发人员可以轻松设置键绑定和使用组合键来设置复杂的绑定
SortableJS：功能强大的JavaScript 拖拽库

图形/图像处理库

html2canvas：一个强大的使用js开发的浏览器网页截图工具
dom-to-image：一个可以将任意DOM节点转换为用JavaScript编写的矢量(SVG)或光栅(PNG或JPEG)图像的库
pica：一个在浏览器中调整图像大小，而不会出现像素失真，处理速度非常快的图片处理库
Lena.js：一个轻量级的可以给你图像加各种滤镜的js库
Compressor.js：一个使用本地canvas.toBlob API进行图像有损压缩的js库
Fabric.js：一个易于使用的基于HTML5 canvas元素的图片编辑器
merge-images：一个将多张图片合并成一张图的js插件
cropperjs：一款强大的图片裁切库, 支持灵活的图片裁切方式
Grade：一个基于图像中的前2种主要颜色生成互补渐变背景的库

React相关开发用到

react-infinite-scroll-component：react局部滚动插件 GitHub地址

前端高效开发必备的js库梳理，日常使用中会持续更新相关推荐

前端高效开发必备的 js 库梳理
之前有很多人问学好前端需要学习哪些 js 库, 主流框架应该学 vue 还是 react ? 针对这些问题, 笔者来说说自己的看法和学习总结. 首先我觉得在学习任何知识之前必须要有一个明确的学习目标, ...
前端高效开发和调试工具整理
前端高效开发工具: 张成文大神的<现代前端技术解析>中介绍了以下工具: 好的开发工具不仅可以提高我们的开发速度,也可以辅助我们写出更高质量的代码. 选择什么开发工具因人而异,但好的开发工具 ...
阿里最新面试必备项之Java的String类，持续更新中！
最新腾讯面试必备项之Java的String类,持续更新中! 1.1 String的特性 String类:代表字符串.Java程序中的所有字符串字面值(如"abc")都作为此类的实例 ...
火龙果（redpitaya）开发板常用接口C语言开发指南（九）——产生信号脉冲（持续更新中）
火龙果(redpitaya)开发板常用接口C语言开发指南(九)--产生信号脉冲(持续更新中) --本人为<火龙果实战指南--搭建基于Zynq处理器的测量仪器与创新实践平台>一书的作者之一, ...
java开发中遇到的问题及解决方法（持续更新）
java开发中遇到的问题及解决方法(持续更新) 参考文章: (1)java开发中遇到的问题及解决方法(持续更新) (2)https://www.cnblogs.com/LiuYanYGZ/p/6112 ...
2022年前端Vue常见面试题大全（三万长文）持续更新
目录 1.Vue和React有什么不同?使用场景分别是什么? 2.axios是什么?怎么使用它,怎么解决跨域? 3.说说Vue,React,angularjs,jquery的区别 4.什么阶段(生命周 ...
2022年前端Vue常见面试题大全（三万长文）持续更新...
目录 1.Vue和React有什么不同?使用场景分别是什么? 2.axios是什么?怎么使用它,怎么解决跨域? 3.说说Vue,React,angularjs,jquery的区别 4.什么阶段(生命周 ...
【Vue全家桶+SSR+Koa2全栈开发】项目搭建过程整合学习目录（持续更新中）
写在开头大家好,这里是lionLoveVue,基础知识决定了编程思维,学如逆水行舟,不进则退.金三银四,为了面试也还在慢慢积累知识,Github上面可以直接查看所有前端知识点梳理,github传送门 ...
React Native开发错误警告处理总结（已解决！持续更新）
注:本文是我在开发过程中遇到问题解决方法的总结,之后会持续更新,希望帮助到更多的学习者.文中有不妥的地方希望指出共同学习,同时欢迎大神补充.(之后我会放出自己开发整理的笔记和GithubDemo地址, ...
嵌入式单片机开发小工具集进制转换计算器（持续更新）
单片机开发工具集文章目录单片机开发工具集前言一,目录二,模块 1,16进制转二进制寄存器前言在嵌入式单片机开发中,经常要处理一些不同进制的数据,查看配置寄存器等,需要用到一些特定功能的小 ...

前端高效开发必备的js库梳理，日常使用中会持续更新

前端高效开发必备的js库梳理

js常用工具类

dom库

文件处理

网络请求

动画库

鼠标/键盘相关

图形/图像处理库

React相关开发用到

前端高效开发必备的js库梳理，日常使用中会持续更新相关推荐

最新文章

热门文章