当前位置: 首页 > Web前端 > HTML

2020年适合前端开发者的10个很棒的JS库

时间:2023-04-02 23:01:10 HTML

作者:SimonHoldorf译者:前端小智来源:Medium..已被网站收录,更多往期好评文章已归类,还有很多我的文档和教程资料也都整理好了。欢迎来到星和完美。面试时可参考考点复习。我希望我们能在一起。虽然JavaScript本身很棒,但拥有使JS变得更好的生态系统也很重要。开发人员在开始一个新的媒体项目时往往喜欢重写轮子,这是一个糟糕的策略,使用第三方库是有意义的。因为这样的库目的明确,世代迭代时间更长,遇到问题更容易找到解决方案。最重要的一点是提高开发效率,缩短开发周期。这并不是说我们使用的每个项目都必须使用第三方库。在我们职业生涯的早期,能够自己编写代码来学习是件好事。但在许多项目中,在有意义的地方使用库是一个很好的策略。这里有10个有据可查、流行和维护的JS库。1.Ramdagithub:https://github.com/ramda/ramda文档:https://ramdajs.com/docs/Ramda是一个很酷的函数式编程JS库,目前在GitHub上有18000星。JS的一个优点是开发人员可以在函数式编程和面向对象编程之间进行选择。两种方法各有利弊,但如果你喜欢函数式编程,那么一定要看看Ramda。主要功能有:不变和无副作用的功能。几乎所有的函数都是自动柯里化的。参数设置为Ramda函数,方便柯里化。2.Lodashgithub:https://github.com/lodash/lodash文档:https://lodash.com/Lodash仍然是最受欢迎和最有用的JS库之一。它为你省去了处理字符串、数组、对象等的麻烦。它目前在GitHub上有43,000颗星。有用的功能:遍历字符串、对象和数组创建复合函数操作和测试值验证、解析或格式化,Moment可能是目前最好的JS库。它轻巧、优美,在GitHub上拥有超过43,000颗星,并且可以在浏览器和Node.js中运行。这里有一些关于Moment的例子:moment().startOf('day').fromNow();//8小时前moment('2019-15-11').isValid()//falsemoment('2019-02-21').isValid()//true大家都说简历里没有项目可写,于是给大家找了一个工程,还给了一个【搭建教程】。4.Highlight.jsgithub:https://github.com/highlightj...文档:https://highlightjs.org/Highlight.js是一个用于语法高亮的库,可在浏览器和服务器中使用。它几乎适用于任何Markdown,并具有自动语言检测功能。Highlight.js会在

标签之间搜索编程代码,尝试自动检测语言并高亮语法。它还支持不同的配色方案。这是一个用JS编写的代码片段和一个来自代码编辑器的公共主题示例5.D3github:https://github.com/d3/d3文档:https://d3js.org/D3是最流行的数据可视化库,目前在GitHub上有89,500颗星。它使用网络标准并利用现代浏览器的强大功能使数据栩栩如生。6.Three.jsgithub:https://github.com/mrdoob/thr...文档:https://threejs.org/Three.js是一个优秀的JS3D库,它使用WebGL作为主要渲染器,同时也支持其他渲染器,例如Canvas2D、SVG和CSS3D。它在GitHub上有58,000颗星,我们可以用它创造非常酷的东西。7.Vocagithub:https://github.com/panzerdp/voca文档:https://vocajs.com/Voca是一个优秀的处理字符串的JS库。目前在GitHub上有2800颗星。我们可以使用它来操作字符串,例如changecase、trim、pad、slugify、latinise、truncate、escape等。其他功能包括:用于操作、截断、格式化、转义和查询字符串的完整函数集易于阅读和搜索文档支持Chrome、Firefox、Node.js等多种环境100%代码覆盖,无依赖8.Immutable.jsgithub:https://github.com/immutable-...文档:https://immutable-js.github.i...使用不可变数据结构有一些主要优点,例如简化应用程序开发、无防御复制和高级缓存概念。Immutable.js提供了不可变的数据结构,如列表、栈、映射、集合等。9.Hammer.jsgithub:https://github.com/hammerjs/h...文档:http://hammerjs.github.io/Hammer.js是一个拥有20,900GitHubStars的JS库,用于web应用程序带来多点触控手势。它很小,没有任何依赖性,可以识别触摸、鼠标或指针事件产生的手势。默认情况下,它会为点击、双击、滑动、按下等添加识别器,但您可以定义自己的一组此类识别器。10.Leafletgithub:https://github.com/Leaflet/Le...文档:https://leafletjs.com/在创建移动友好的交互式地图方面,Leaflet是一个很棒的JS库。它是开源的,在GitHub上有26,700颗星,非常轻量级,并且具有大多数开发人员需要的所有功能。它开箱即用地适用于所有主要的移动和桌面平台,可通过插件进行扩展,并且具有文档齐全的简单API。代码部署后可能存在的bug,无法实时获知。事后为了解决这些bug,花费了大量的时间在日志调试上。顺便推荐一个好用的bug监控工具Fundebug。原文:https://hackr.io/blog/best-ja...每周更新交流文章。可以微信搜索“大千世界”立即阅读更新(比博文早一两篇),本文已收录到GitHubhttps://github.com/qq449245884/xiaozhi,本人整理我的很多文件。欢迎加星和改进。可以参考考点面试。也关注公众号,后台回复福利就能看到福利,你懂的。