之前很多人问学好前端需要学习哪些js库,主流框架应该学Vue还是react?针对这些问题,笔者想谈谈自己的看法和学习总结。首先,我觉得在学习任何知识之前,一定要有一个明确的学习目标,知道自己为什么要学,而不是在网上看各种知识,让你学习各种库,这样才能不断创造每个人的知识。焦虑。前端入门门槛低,更新快。每年都会有大量新的框架和库出现,同时也有大量的库被淘汰(比如JQuery,但还是有必要学习一下它的设计思想)。所以我们不用担心,保持自己的学习节奏,按需学习。比如你对移动端比较感兴趣,你的工作刚好涉及到一些技术的应用,那我可以专攻移动端相关的技术和框架,或者你对企业后台/中端产品感兴趣,而喜欢开发PC端的项目,那么我们可以专攻这一类的js库或者框架。接下来笔者也根据不同前端业务的需求,整理了一个快应用。为了工作中的js库提高大家的开发效率。js通用工具类lodash是一个一致的、模块化的、高性能的JavaScript实用程序库。ramda是一个非常重要的库,提供了很多有用的方法。每个JavaScript程序员都应该掌握这个工具。day.js是一个用于处理时间和日期的轻量级JavaScript库。Moment.js的API设计保持完全相同。大小只有2kbbig.js一个小巧、快速的任意精度十进制算术运算的JavaScript库qs一个轻量级的url参数转换(parse和stringify)的js库dom库JQuery封装了各种dom/event操作,设计思路值得zeptojquery轻量级版本学习学习,适合移动端操作。fastclick是一个简单易用的库,它消除了移动浏览器上的物理点击和点击事件触发之间的300毫秒延迟。目的是在不干扰当前逻辑的情况下,让您的应用程序感觉延迟更少、响应更快。文件处理file-saver客户端保存文件的解决方案,非常适合客户端生成文件的web应用js-xlsx强大的excel文件解析写入库网络请求Axios一个基于Promise的HTTP库,可以用于在Node.js和浏览器上发起HTTP请求,支持所有现代浏览器,甚至包括IE8+Superagent基于Ajax的优化,可以与Node.jsHTTP客户端一起使用fly.js一个基于promise的http请求库,可以用于node.js、Weex、微信小程序、浏览器、ReactNative动画库Anime.js一个JavaScript动画库,可以处理CSS属性、单个CSS转换、SVG或任何DOM属性和JavaScript对象Velocity一个高效的Javascript动画引擎,拥有与jQuery的$.animate()相同的API,还支持颜色动画、过渡、循环、画架、SVG支持和滚动等效果。Vivus是一个零依赖的JavaScript动画库,它允许我们使用SVGAnimate创建它,使其具有被绘制的外观GreenSockJS一个用于创建高性能、零依赖、跨浏览器动画的JavaScript动画库,已被用于超过400万个网站,可用于React、Vue、Angular项目零依赖使用ScrollReveal,为网页和移动浏览器提供简单的滚动动画,以动画的方式展示滚动内容。Kute.js是一个强大、高性能、可扩展的原生JavaScript动画引擎,具有跨浏览器的动画能力基本功能Typed.js一个js插件,方便打字效果fullPage.js一个js滚动动画库,可以轻松制作全-屏幕滚动网站,没有兼容性和不可替代性iscroll轻量级移动端滚动插件鼠标/键盘相关KeyboardJS浏览器中使用的库(兼容node.js)。它允许开发人员轻松设置键绑定并使用组合键来设置复杂的绑定。SortableJS一个强大的JavaScript图形/图像处理拖拽库html2canvas一个使用js开发的强大的浏览器网页截图工具dom-to-image一个可以将任何DOM节点转换成JavaScr的工具由ipt编写的矢量(SVG)或光栅(PNG或JPEG)图像库pica一个非常快速的图像处理库,可以在浏览器中调整图像大小而不会出现像素失真Lena.js一个轻量级的js库Compressor.js,可以添加各种过滤器yourimages一个js库Fabric.js,它使用原生的canvas.toBlobAPI进行图像有损压缩一个易于使用的图像编辑器,基于HTML5canvas元素merge-imagescropperjsjs插件,用于将多张图像合并为一张图像A强大的图像裁剪库,支持灵活的图像裁剪方式GradeA库,根据图像中的前两个主色生成互补渐变背景理解和钻研同一件事,技术是为了商业,所以我们可以根据需要使用和学习.至于像react或者vue这些框架的相关生态,这里就不一一介绍了,官网文档里面有很详细的生态合集,有兴趣的朋友可以自行学习。
