2018年最值得关注学习的25个JavaScript开源项目

最新推荐文章于 2024-04-28 10:55:39 发布
最新推荐文章于 2024-04-28 10:55:39 发布
阅读量320 收藏 1
点赞数
文章标签： javascript webpack ViewUI
原文链接：https://juejin.im/post/5b7a8dc2e51d4538b81efff6
版权

为大家推荐GitHub上25个今年最值得关注学习的JavaScript开源项目，这些项目的平均star数达到5000个。

No.1

Prettier：一款帮你解决代码风格问题的代码格式化工具，功能强大，简单易用，支持多语言，减少配置项。[GitHub上26755个star]

项目地址： github.com/prettier/pr…

No.2

Parcel：运行极快的零配置web应用打包工具。[GitHub上25811个star]

项目地址： github.com/parcel-bund…

No.3

Prepack：一款能让JavaScript代码运行速度更快的工具。[GitHub上12645个star]

项目地址： github.com/facebook/pr…

No.4

Draggable：能让你完全控制拖放操作。Draggable将原生的浏览器事件抽象为一个综合性API，能让用户创建自定义拖放操作。[GitHub上11307个star]

项目地址： github.com/Shopify/dra…

No.5

AR.js：利用ARToolKit在浏览器和移动端实现AR效果。[GitHub上11102个star]

项目地址： github.com/jeromeetien…

No.6

js-xlsx：能够解析和编写多种电子表格格式。[GitHub上11729个star]

项目地址： github.com/SheetJS/js-…

No.7

Reaction：用JavaScript编写的由事件驱动的实时反应式商务平台。[GitHub上7520个star]

项目地址： github.com/reactioncom…

No.8

deeplearn.js：通过硬件加速的web用机器智能库，TensorFlow.js生态系统的一部分。[GitHub上7580个star]

项目地址： github.com/tensorflow/…

No.9

Luxon：一个处理JavaScript中日期和时间的程序库。[GitHub上5900个star]

项目地址： github.com/moment/luxo…

No.10

Reason：应用了JavaScript和 OCaml生态系统的简单、快速和安全代码。[GitHub上6185个star]

项目地址： github.com/facebook/re…

No.11

G 2：JavaScript语法可视化库。具有高度的实用性和可扩展性。[GitHub上5707个star]

项目地址： github.com/antvis/g2

No.12

Workbox：渐进式web应用的JavaScript库合集。[GitHub上5635个star]

项目地址： github.com/GoogleChrom…

No.13

Tone.js：在浏览器上创建交互式音乐的web音频框架。[GitHub上5022个star]

项目地址： github.com/Tonejs/Tone…

No.14

Nanoid：面向JavaScript的唯一字符串ID生成器，具有文件小、安全和对URL友好的特点。[GitHub上4550个star]

项目地址： github.com/ai/nanoid

No.15

Lozad.js：一款高性能、可配置的轻量级加载程序。[GitHub上4117个star]

项目地址： github.com/ApoorvSaxen…

No.16

Rythm.js：一个能让你的网页会跳舞的JavaScript库。[GitHub上3081个star]

项目地址： github.com/Okazari/Ryt…

No.17

Superstruct：能让你很容易的定义接口，验证JavaScript中的代码等数据。[GitHub上3398个star]

项目地址： github.com/ianstormtay…

No.18

Scrollama：一个帮你应对滚屏事件的JavaScript库。[GitHub上3507个star]

项目地址： github.com/russellgold…

No.19

Zuck.js：一个能让你到处添加故事的JavaScript库。[GitHub上2502个star]

项目地址： github.com/ramon82/zuc…

No.20

Amplitude.JS：HTML5 音频播放器，无需环境依赖。[GitHub上2643个star]

项目地址： github.com/521dimensio…

No.21

Buttercup：跨平台的免费开源的密码管理工具。[GitHub上2243个star]

项目地址： github.com/buttercup/b…

No.22

Bottender：帮你快速灵活地构建机器人。[GitHub上2423个star]

项目地址： github.com/Yoctol/bott…

No.23

Webpackmonitor：能帮你在开发过程中监控webpack优化指标。[GitHub上2098个star]

项目地址： github.com/webpackmoni…

No.24

Nearley：一款简单快速但强大的JavaScript解析工具箱。[GitHub上1891个star]

项目地址： github.com/kach/nearle…

No.25

Spacetime：一款轻量级JavaScript时区库。[GitHub上1798个star]

项目地址： github.com/spencermoun…

weixin_34313182
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Tone.js：用于在浏览器中制作交互式音乐的Web音频框架
02-03
Tone.js Tone.js是一个Web音频框架，用于在浏览器中创建交互式音乐。 Tone.js的体系结构旨在使音乐家和创建基于Web的音频应用程序的音频程序员熟悉。 在高级方面，Tone提供了通用的DAW（数字音频工作站）功能，例如用于同步和安排事件以及预生成的合成器和效果的全局传输。 此外，Tone提供了高性能的构建块，可以创建您自己的合成器，效果和复杂的控制信号。 安装 要安装最新的稳定版本。 npm install tone 或安装“下一个”版本 npm install tone@next 导入Tone.js： import * as Tone from 'tone' 你好音 //create a synth and connect it to the main output (your speakers) const synth = new Tone . Synth ( ) . toDestination ( ) ; //play a middle 'C' for the duration of an 8th note synth . triggerAttackR
Tone.js使用心得
Voiceu的博客
06-23 2011
项目里面用到了Tone.js来使用播放模块，目前项目快完结了，现在来总结一下tone.js的使用心得 主要参考github上的 README 文档 ,还有官方API文档 ScriptProcessorNode版本过时 首先明确，这是一个调用浏览器播放模块的包，会调用ScriptProcessorNode，但是在目前的Chrome浏览器版本里，会发出警报，ScriptProcessorNode过时了. 改用 AudioWorkletNode [Deprecation] The ScriptProcessorN
Vue.js + Tone.js 开发Web钢琴应用
weixin_33815613的博客
04-01 1414
原文链接 最近用Vue + Tone.js做了一款钢琴类web应用，名字定为自由钢琴（AutoPiano），人生如音乐，欢快且自由。 此文权当作该项目的总结和分享~ 项目简介 自由钢琴（AutoPiano）是利用HTML5技术开发的在线钢琴应用，致力于为钢琴爱好者、音乐爱好者以及其他所有的创造者提供一个优雅、简洁的平台，在学习工作之余可以享受钢琴、音乐的美好。就类似于多年前Flash开发的钢琴游戏...
原生javaScript最全项目技巧
m0_74223728的博客
09-04 142
【代码】原生javaScript最全项目技巧。
Pixi + Tone 实现简单midi音频可视化
m0_66711291的博客
07-14 1506
这个currentMidi中存储了midi文件的音轨，音符，乐器等信息。在页面中添加一个按钮并绑定事件，用于播放音频，下面这段代码里有用到Tonejs创建合成器播放声音的代码。有没有懂设计模式的，可以帮我优化下代码嘛，定义了一个全局变量currentMidi总觉得不舒服。首先需要讲midi文件导入紧浏览器，由于浏览器的安全限制，我们只能使用文件选择器讲文件导入。为了尽可能得跟音频同步减小延时，我们使用Tonejs的音频调度。到这里就可以实现MIDI文件的播放了。我们使用灯管类作为每一个音符的可视化。
基于Python Flask的在线成绩发布学习平台开源项目
03-25
项目概述：基于Python Flask的在线成绩发布学习平台是一个开源项目，主要采用Python语言开发，同时融合了Shell脚本、HTML、CSS和JavaScript等技术。该项目包含22个文件，其中具体文件类型分布为：Shell脚本6个，...
jsWorkFlow:一个开源的 javascript 工作流项目
07-03
我搜索了开源 javascript 工作流引擎，其中大多数就像玩具一样。 我希望这可以是严谨的。 否则我更喜欢直接评估一些代码。 我写这个 jsWorkFlow 支持客户端和节点。 我希望 jsWorkFlow 可以成为 javascript MDD 的...
一个渲染ABC乐谱的开源Javascript库abcjs
11-24
一个渲染ABC乐谱的开源Javascript库abcjs
我们希望构建一个平台，其中包含开源项目。-JavaScript开发
05-26
我们希望构建一个平台，其中包含开源项目。 您可以列出所有已发布的开源项目，也可以从GitHub发布项目。 开源Adam，我们想构建一个平台，其中包含开源项目。 您可以列出所有已发布的开源项目，也可以从GitHub发布...
4个顶级开源JavaScript图表库
10-17
今天小编就为大家分享一篇关于4个顶级开源JavaScript图表库，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
Tone.js:用于在浏览器中制作交互式音乐的Web音频框架-开源
04-16
Tone.js是一个开放源代码的Web Audio框架，用于在浏览器中创建交互式音乐。 它具有先进的调度功能，合成器，效果等。 Tone.js的建立对于音乐家和音频程序员都是有用和熟悉的。 它具有通用的DAW（数字音频工作站）功能，适合那些希望安排活动并使用预置的合成器和效果进行修改的人。 对于熟悉Max / MSP等语言的信号处理程序员，还有大量高性能构建模块可供选择。 借助Tone.js，他们可以创建自己的合成器，效果和复杂的控制信号。
Tonejs一个Web浏览器中音频框架创建交互式音乐
08-08
Tone.js一个Web浏览器中音频框架创建交互式音乐
JavaScript项目：JavaScript项目
02-15
JavaScript专案 该存储库将包含20个使用HTML，CSS和JavaScript开发的项目。
JavaScript项目
02-08
JavaScript项目 背景 使用HTML Canvas的篮球游戏，用户可以在其中使用鼠标指向并瞄准固定的或以多种方式移动的箍。 开枪 ##功能和MVP 用户将能够开始游戏以及打开和关闭声音。 用户将从级别0的初始状态开始，在那里他们尝试3次射击以获得游戏流程。 用户将能够使用鼠标/键选择轨迹，然后松开单击/键，将发射球。 用户可以将自己的名字放在排行榜中，以保持最高分。 用户将可以在侧面看到今天比赛的实时统计信息 ##线框 建筑与技术 游戏逻辑的Java语言 HTML Canvas用于渲染 NBA STATs API的统计信息 Mongodb用于存储排行榜 实施时间表 第一天：设置和研究球移动所需的游戏图以及逻辑和物理原理以及用于存储排行榜数据的后端 第2天：渲染和绘制游戏棋子，棋盘，球和鼠标移动以绘制弧线，游戏逻辑 第三天：研究并实施nba stats API，以显示实时游
Tone.js大熊猫的眼睛跟随鼠标转动
ICode联盟
04-25 110
下载地址 css3代码画大熊猫的样式和外面的圆环，基于Tone.js类库实现大熊猫的眼睛跟着鼠标转动 dd:
你可以使用纯JavaScript构建的9个令人惊叹的项目
u011082575的博客
09-25 285
因此，为了让您获得练习机会，我列出了九个令人惊叹的JavaScript项目创意，可以帮助您刷新技能，了解有关JS的新知识，并在未来保持相关性。讲师使用Dark Sky API获取天气信息，这是一个学习如何与API交互的绝佳机会，这也是您可以使用JavaScript做的另一件很棒的事情。这也可以是您作品集的一个很好的补充，也是初学者的优秀JavaScript项目！这是我想向您展示的一个小小奖励：一个包含九个小型独立JavaScript项目的单个录制，供您练习JavaScript、HTML和CSS。
vue + tone.js_用Tone.js和Vue.js构建的鼓合成器/音序器
cuk5239的博客
07-26 605
vue + tone.js 循环器 (looperator) Looperator is a super cool browser based drum machine / sequencer. It uses Tone.js for sequencing / synthesis / audio stuff and Vue for the front end. Looperator是一款基于浏览...
推荐5款实用的音频开源库
u011757939的博客
10-09 772
最后是经常会用到的原生api,在没有类库的加持下，要是想实现一些播放，就需要用到 Web Audio API, 提供了在 Web 上控制音频的一个非常有效通用的系统，允许开发者来自选音频源，对音频添加特效，使音频可视化，添加空间效果，大家可以上 https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Audio_API 进行了解学习下。在高层次上，Tone提供了常见的DAW(数字音频工作站)功能，如用于同步和调度事件的全局传输，以及预构建的合成和效果。
报表控件Stimulsoft在JavaScript报告工具中的事件：查看器事件（上）
最新发布
励志做最业余的专业博主，控件产品可以私我~
04-28 863
在本文中，我们为JS报告工具中的查看器事件提供了全面的指南，包括它们的详细描述、参数列表等一系列详细内容。
javascript开源项目
09-17
JavaScript的开源项目有很多，其中一个值得一试的库是Chart.js。Chart.js是一个漂亮的数据可视化库，适用于React和Vue.js等框架。你可以在https://github.com/chartjs/Chart.js找到它的开源地址。对于开发人员来说，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值