当前位置: 首页 > 科技观察

今年11月非常火爆的34个JavaScript库

时间:2023-03-15 15:14:19 科技观察

,开门见山,看看有哪些火爆的库值得使用。1.nodemonGitHub:https://github.com/remy/nodemonGitHubStars:19.6k在编写和调试Node.js项目时,修改代码后需要经常手动关闭,然后重启,非常繁琐.现在,我们可以使用nodemon这个工具,它用来监控代码文件的变化,当代码发生变化时自动重启。2.Sharp网站:https://sharp.pixelplumbing.c...GitHub:https://github.com/lovell/sharpGitHubStars:15ksharp是Node.js平台上非常流行的图像处理库,它的实际以上是基于C语言编写的libvips库封装而成,因此高性能成为夏普的一大卖点。sharp可以轻松实现常用的图片编辑操作,如裁剪、格式转换、旋转变换、滤镜添加等。3.Fabric.js网址:http://fabricjs.com/GitHub:https://github.com/fabricjs/f...GitHubStars:14.6kFabric是一个强大而简单的JSCanvas库,我们可以使用它实现在Canvas上创建、填充图形,以及用渐变色填充图形。组合图文(包括组合图文、图文、图片等)等一系列功能。简单的说,我们可以用Fabric以相对简单的方式实现更复杂的Canvas功能4.ImmerURL:https://immerjs.github.io/imm...GitHub:https://github.com/immerjs/immerGitHubStars:14.3kImmer是mobx作者写的一个不可变库。核心实现是使用ES6代理,几乎以最小的成本实现了js的不可变数据结构,解决了日常开发中的诸多疑难问题。5.MarkTextURL:https://marktext.app/GitHub:https://github.com/marktext/m...GitHubStars:14kMarkText所失所见,舍弃许多人留下的写法markdowneditors右侧预览的写法巧妙地将编辑和预览融为一体。6.ReactTestingLibraryURL:https://testing-library.com/r...GitHub:https://github.com/testing-li...GitHubStars:9.9k简单完整的ReactDOM测试实用程序鼓励良好的测试实践。7.PostGraphile文档:https://www.graphile.org/post...GitHub:https://github.com/graphile/p...GitHubStars:8.2kPostGraphile是一个即时的GraphQLAPI。PostGraphile自动检测表、列、索引、关系、视图、类型、函数、评论等。8.Botpress网站地址:https://botpress.io/GitHub:https://github.com/botpress/b...GitHubStars:8.2k一个用Javascript编写的开源bot创建工具,由社区建立的Grouprichsourcemodules提供支持。我们喜欢说Botpress就像Wordpress之于聊天机器人;任何人都可以创建和重用其他人的模块。9.Downshift网站地址:https://downshift.netlify.com/GitHub:https://github.com/downshift-...GitHubStars:7.7kdownshift用于构建简单、灵活、符合WAI-ARIA的增强功能10.NGBootstrap网址:https://ng-bootstrap.github.i...GitHub:https://github.com/ng-bootstr...GitHubStars:7.3kNGBootstrap是一个基于Angular开发的BootstrapCSS框架。它是为Bootstrap4开发的Angular组件,由ui-bootstrap团队构建。11.Ajv网站地址:https://ajv.js.org/GitHub:https://github.com/epoberezki...GitHubStars:6.7kAJV是一个基于JSON-Schema的依赖包,他可以定义我们的模式格式用作生成对象的参数。该对象的构造函数可用于检测数据的合法性。另外,指令可以自定义生成我们需要的格式。12.Wiki.js网址:https://wiki.js.org/GitHub:https://github.com/Requarks/wikiGitHubStars:6kWiki.js是一个免费的基于Node.js、Git和Markdown的开放源代码,现代且功能强大的wiki应用程序。支持用户登录,允许用户在本地注册或直接使用微软、谷歌、GitHub等账号无缝登录体验,并可选择限制特定用户甚至部分内容访问Wiki。也可以定期远程备份数据到Git远程仓库。支持Windows、Linux和Mac平台,这里是Linux系统的手动安装教程。13.KyGitHub:https://github.com/sindresorh...GitHubStars:5kKy是一个简单优雅的基于浏览器FetchAPI的HTTP客户端。14.tui.chart网址:https://ui.toast.com/tui-chart/GitHub:https://github.com/nhn/tui.chartGitHubStars:4.4ktui.chart是一个直观易用的-应用漂亮的数据可视化图表。一个开源JavaScript库,可用于包括IE8在内的旧版浏览器,以使用许多选项和自定义主题更详细地更改图表。15.DuktapeGitHub:https://github.com/svaarala/d...GitHubStars:4.2kDuktape是一个轻量级的嵌入式JavaScript引擎,主打便携性和低占用率。Duktape可以轻松集成到C/C++项目中:只需将duktape.c、duktape.h和duk_config.h这三个文件添加到您的构建项目中,并使用DuktapeAPI实现C代码和ECMAScript函数的双向调用。16.vue-interactive-paycard例子:https://codepen.io/JavaScript...GitHub:https://github.com/muhammeder...GitHubStars:4kvue-interactive-paycard是信用卡的一种形式,具有流畅和微交互的特点。包括数字格式化、验证和自动卡片类型检测,使用Vue.js构建,完全响应。17.node-qrcodeGitHub:https://github.com/soldair/no...GitHubStars:3.5knode-qrcode是一个二维码/二维码生成器。18.WebGLStudio.jsGitHub:https://github.com/jagenjo/we...GitHubStars:3.6kWebGLStudio.js是一个基于浏览器的开源3D图形套件。可以使用标准网络技术在浏览器中编辑场景和材质、设计效果和着色器。WebGLStudio.js的一些重要功能:全3D图形引擎(LiteScene.js),支持多光源、阴影贴图、实时反射、自定义材质、postFX、蒙皮、动画等。一个易于使用的所见即所得(WYSIWYG)编辑器,它为所有编码、图形合成和时间轴功能提供单一界面。用于控制行为和后处理效果的图形编辑器。支持LiteFileSystem.js,这是一个虚拟文件系统,允许在Web上拖放存储资源,具有可配置的配额、用户和共享文件夹。通过发送单个链接导出和共享您的作品。19、Vue-chartjs网址:https://vue-chartjs.org/GitHub:https://github.com/aperturele...GitHubStars:3.4kvue-chartjs让你在Vue.js中更好的使用Chart。非常适合想要尽快启动和运行简单图表的人,它抽象了一些简单的逻辑,但也公开了Chart.js对象,提供了极大的灵活性。20.ScrollTrigger网址:https://terwanerik.github.io/...GitHub:https://github.com/terwanerik...GitHubStars:3.1kScrollTrigger用于根据当前滚动位置触发类。例如。当元素进入视口时淡入。可以为每个元素添加自定义偏移量,或在视口上设置(例如,始终在元素达到视口的20%后触发)。21.GeolibGitHub:https://github.com/manuelbieh...GitHubStars:2.9kGeolib是一个提供基本地理空间操作的库,比如距离计算,将十进制坐标转换为十六进制,反之亦然等,这个库目前是二维的。22.progress-estimatorGitHub:https://github.com/bvaughn/pr...GitHubStars:1.9kprogress-estimator:记录进度条,预估Promise完成所需时间23.node-oracledb网址:http://oracle.github.io/node-...GitHub:https://github.com/oracle/nod...GitHubStars:1.7knode-oracledb驱动连接Oracle数据库,提高应用速度,丰富应用功能。它是一个具有Apache2.0许可的开源项目。它由Oracle维护,仍在开发中。24.node-mssql网址:https://tediousjs.github.io/n...GitHub:https://github.com/tediousjs/...GitHubStars:1.6knode-mssql是微软的一个Node.jsSQL服务器客户端。25.Proton网址:https://a-jie.github.io/Proton/GitHub:https://github.com/a-jie/ProtonGitHubStars:1.5kProton是一个轻量级的Javascript粒子动画库。使用它可以轻松创建各种炫酷的粒子效果。26.litegraph.jsGitHub:https://github.com/jagenjo/li...GitHubStars:1.3k一个用Javascript编写的图节点引擎和编辑器。27、Ackee网站地址:https://ackee.electerious.com/GitHub:https://github.com/electeriou...GitHubStars:1.2kAckee是一个自托管的,基于Node.js的分析工具,主要为那些关心隐私的人服务。Ackee在我们自己的服务器上运行,分析我们的网站流量,并在最小的界面中提供有用的统计数据。28.SiriWaveGitHub:https://github.com/kopiro/sir...GitHubStars:949SiriWave是使用CanvasAPI在纯JS中复制的“AppleSiri”波形。29.VSCodeGleanVSCodeGlean是一个为React/Javascript/Typescript代码库提供重构工具的扩展。GitHub:https://github.com/wix/vscode...GitHubStars:868VSCodeGlean是一个为React/Javascript/Typescript代码库提供重构工具的扩展30.react-inlinesvg示例:https://codesandbox.io/s/j25bvGitHub:https://github.com/gilbarbara...GitHubStars:802react-inlinesvg是ReactJS31.elm-live的一个SVG加载组件网址:https://www.elm-live.com/GitHub:https://github.com/wking-io/e...GitHubStars:795elm-live是一个灵活的Elm32.foxr开发服务器GitHub:https://github.com/deepsweet/...GitHub星级:750foxr类似于Puppeteer用于控制Firefox的Node.jsAPI。33.cockatielGitHub:https://github.com/deepsweet/...GitHubStars:746Cockatiel是一个弹性和瞬态故障处理库,例如重试、断路器、超时、隔板隔离和回退策略。34.Transloco网站地址:https://transloco.netlify.com/GitHub:https://github.com/ngneat/tra...GitHubStars:594Transloco是Angular的国际化(i18n)库。它允许我们为内容定义不同语言的翻译,并在运行时轻松地在它们之间切换。