10个最值得收藏的JavaScript库
共 3127字，需浏览 7分钟
·
2021-10-28 12:28
转载自Duing（ID：duyi-duing）
图片源自网络，仅做配文展示
有一位reddit网友是这样描述的，小渡很喜欢这种说法：
“immutableJS确保了大型团队的开发者不会做一些愚蠢的事情。”
简而言之：Immutable.js，Facebook的另一个项目，确保了状态不会因为使用不可变对象而发生突变。
正如网友指出那样，这对于大型团队的开发者会极其有用，因为这些人经常会无意识地搞乱了状态。
“封装在Immutable.JS对象里面的数据是永远也不会变的。它总会返回一份新的拷贝。这跟JavaScript形成了羡慕对比，后者的一些操作不会改变你的数据（比方说一些数据方法，包括map、filter、concat、forEach等），但有的就会（Array的pop、push、splice等）。”
使用Immutable.JS有相当大的限制，但视你的需求不同，那些限制未必有关系。在GitHub上拿到了20000多颗星的Immutable.js已经开始崛起，预计还会继续延续，因为开发者正在花时间理解其中的概念和权衡。
Redux 是一直很火的Dan Abramov/Andrew Clark 项目，后来有迅速成为React状态管理和数据抓取的首选解决方案。
但GraphQL改变了现状，主要是在数据抓取方面。
我们现在有了Relay Modern （Facebook开发）和Apollo，让你可以比Redux更高效地抓取并传递GraphQL数据到React应用的GraphQL客户端框架。
但就像一位开发者指出那样：这些框架和它们的好处未必需要是互斥的。实际上，这几个一起使用可以提供很好的关注分离，这是web开发来说可太重要了。
小渡认为 Leaflet 是将适合移动设备的交互式库，它的地图添加到你的应用程序中会是一个比较酷的选择。
它的文件很小，只有39kB，使其成为考虑其他地图库的绝佳替代方案。凭借跨平台的效率和文档齐全的 API，它拥有让你坠入爱河所需的一切。
图片源自网络，仅做配文展示
在 Leaflet 中，我们需要提供一个 tile 层，因为默认情况下没有。但这也意味着我们可以从各种免费和高级层中进行选择。
图片源自网络，仅做配文展示
图片源自网络，仅做配文展示
作为开发人员，拥有一个好的开发组合很重要。人们对你的组合的第一印象有助于决定他们是否会雇用你。还有什么比这个库更好的工具可以为你的投资组合带来活力。它不仅可以增强你的网站，还有助于展示实际技能。
Hammer.js 是一个轻量级的 JavaScript 库，可让你向 Web 应用程序添加多点触控手势。小渡会推荐这个库来为你的组件添加一些乐趣。你会觉得它非常有趣。
它可以识别由触摸、鼠标和pointerEvents 做出的手势。对于 jQuery 用户，小渡建议使用 jQuery 插件。
很多大神最近使用 D3 通过 React 和 GitHub 上的约翰霍普金斯 CSSE 数据存储库来可视化 COVID-19 数据。这是一个非常有趣的项目，如果你正在考虑做类似的事情，我建议您尝试一下 D3.js。
花时间配置 popper 元素似乎并不重要，但这些小事情会使你作为开发人员脱颖而出。它体积小，不占地方。
功能强大且易于使用~
可以看到，以上分享的库，有的库高达几百 K star，有的库在小 1 K star 徘徊，但也丝毫不影响它们被列在一起。反而，这些体量小的库，能针对解决某一项问题，核心原理奇妙，官网也做得特别精美。
作为开发人员，了解和学会使用正确的 JavaScript 库很重要。它将使你的工作效率更高，并使开发变得更加容易和快捷。最后，你可以根据自己的需要选择哪个库。
还是那句老话：工具选的好，下班下的早；开发工作分两类：写轮子的为一类，用轮子的为一类；写轮子也是从用轮子做起的，因为找不到更适用的轮子，才想自己写一个，分享给大家用；开源万岁！
😊 好了， 以上就是我的分享，小伙伴们点个赞再走吧 👍 支持一下哦～ 😘，