发布于 2026-01-05 1 阅读
0

🚀2021年8月20日 GitHub 上十大热门 Web 开发者项目 Shiki 式 Awesome Guidelines release-changelog-builder-action Peeky web-components-examples Hackathon Starter

🚀2021年8月20日 GitHub 上面向 Web 开发人员的十大热门项目

四季式

超棒的指南惊人的

React Desktop

发布变更日志构建器操作

皮基

web组件示例

黑客马拉松启动器

《热门项目》以每周新闻简报的形式发布,请在Stargazing.dev注册,以确保您不会错过任何一期。

1. 式

一款漂亮的语法高亮工具。

GitHub 标志 shikijs / shiki

一款美观而强大的语法高亮器





2. 优秀的指导原则

一份精心整理的高质量编码风格规范和标准列表。

GitHub 标志 书架/精彩指南

一份精心整理的高质量编码风格规范和标准列表。

超棒的指南

超棒的指南惊人的

针对特定编程语言的一套指导原则,提供关于编程风格、最佳实践以及使用该语言编写程序各个方面的方法的建议。

内容

编程语言

脑力激荡

C

C#

C++

Clojure


3. 荒谬的 SQL

它为 sql.js(编译成 Web 版的 sqlite3)实现了一个后端,将 IndexedDB 视为磁盘,并将数据块存储在其中。这意味着你的 sqlite3 数据库会被持久化。而且,它不会像 sqlite3 那样一次性读写整个镜像,而是分块读写数据库。

GitHub 标志 jlong​​ster /荒谬的 SQL

你的 IndexedDB 数据库使用的是 sqlite3(希望很快能有更好的后端)。

这是一个荒谬的项目。

它为sql.js(为 Web 编译的 sqlite3)实现了一个后端,将 IndexedDB 视为磁盘,并将数据块存储在其中。这意味着你的 sqlite3 数据库会被持久化。而且并非以一次性读写整个镜像的糟糕方式,而是以小块的形式读写你的数据库。

它基本上是将整个数据库存储到另一个数据库中。这简直荒谬。

查看演示。您也可以在这里查看使用此工具的完整应用程序

您还应该阅读这篇博客文章,其中对该项目进行了非常详细的解释。

如果你喜欢我的作品,欢迎请我喝杯咖啡!

我该如何使用它?

您可以查看示例项目来入门。或者按照以下步骤操作:

首先,您需要安装软件包:

yarn add @jlongster/sql.js absurd-sql

现在你需要用我的叉子……


4. 超级公式

一个用 TypeScript 编写的完整开源的、类似 Excel 的计算引擎。包含 380 多个内置函数。

GitHub 标志 手持式/超公式

HyperFormula 是一款面向企业 Web 应用的开源无头电子表格。它内置 400 多个公式、CRUD 操作、撤销/重做、剪贴板支持和排序功能。


HyperFormula——一个无头电子表格,一个Excel公式解析器和计算器

一款面向企业 Web 应用的开源无头电子表格

npm 总下载量 npm每月下载量 GitHub贡献者 已知漏洞
FOSSA状态 GitHub 工作流状态 代码发现


HyperFormula 是一个用 TypeScript 编写的无头电子表格程序,它既可以解析电子表格公式,也可以计算公式。它可以集成到浏览器中,也可以作为一项服务,后端技术则使用 Node.js。

HyperFormula 可以用于哪些用途?

HyperFormula 不依赖于任何现有的用户界面,因此它是一个通用库,可用于各种商业应用程序。以下是一些示例:

  • 自定义电子表格类应用程序
  • 业务逻辑构建器
  • 表单和表单生成器
  • 教育应用
  • 在线计算器

特征


5. React桌面

适用于 macOS High Sierra 和 Windows 10 的 React UI 组件

GitHub 标志 gabrielbull / react-desktop

适用于 macOS High Sierra 和 Windows 10 的 React UI 组件

React Desktop

构建状态 气候代码 GitHub 许可证 GitHub 星标 npm 下载 npm 版本 吉特

适用于 macOS High Sierra 和 Windows 10 的 React UI 组件。

npm install react-desktop --save

演示

把招工广告!

我正在寻找开发者来协助我开发这个项目。请在 issues 部分提交您的想法或提交 PR,以推动项目进展。如果您感兴趣,可以成为该项目的合作者。谢谢!

贡献

该库旨在为 Web 带来原生桌面体验。它与node-webkitElectron.js等工具配合使用效果极佳!

欢迎大家按照贡献指南贡献内容,添加更多组件/文档。

文档

有关安装、组件和高级用法的指南可在文档中找到

贡献者


6. 发布变更日志构建器操作

一个 GitHub 操作,可以快速、轻松地按照您想要的方式生成发布说明/变更日志。

GitHub 标志 mikepenz / release-changelog-builder-action

一个 GitHub 操作,可以快速、轻松地按照您想要的方式生成发布说明/变更日志。

:octocat:📄🔖📦

发布变更日志构建器操作

一个 GitHub Action,可以快速、简单且完全按照您想要的方式生成发布说明/变更日志



包含内容🚀设置🛠️示例🖥️定制🖍️贡献🧬本地测试🧪许可证📓


包含哪些内容🚀

  • 集成极其简单
    • 即使是拥有数百个标签的大型存储库也是如此
  • 并行发布支持
  • 基于 PR 的丰富变更日志
    • 替代提交模式
  • 执行速度极快
  • 支持任何 Git 项目
  • 高度灵活的配置
  • 轻的
  • 支持任何分支
  • 丰富的构建日志输出


设置

配置工作流程

在 GitHub Actions 工作流程中指定该操作:

- name: "Build Changelog"
  id: build_changelog
  uses: mikepenz/release-changelog-builder-action@{latest-release}
Enter fullscreen mode Exit fullscreen mode

完整样品🖥️

以下示例完整展示了如何定义构建过程,该过程会在项目打标签时执行。它包含以下内容:

  • 通过 GITHUB_REF 环境变量准备标签
  • 构建变更日志,并附上标签

7. 皮基

一个面向求知者的测试框架

GitHub 标志 Akryum /窥视

一款快速有趣的 Vite & Node 测试运行器🐈️ 由 Vite 提供技术支持⚡️

Peeky 已停止维护,请改用vitest。谢谢!


Peeky 标志

皮基

一款快速有趣的 Vite 和 Node 测试运行器🐈️

用户界面截图


📚 文档| 📝 贡献| 💚️ 成为赞助商

  • 🚀️速度飞快:Peeky 从底层架构开始就以最佳性能为目标。测试运行速度更快!
  • 🔧️无配置:默认设置,如有需要可进行详细配置。
  • 😻️乐趣无穷:内置的用户界面让运行测试再次充满乐趣!使用 API 进行深度定制!
  • 🖥️ Node 支持:使用原生 ESM 支持测试您的 Node.js 库和应用程序!
  • ⚡️ Vite赋能:与您的 Vite 应用无缝集成。包含 TypeScript 支持。
  • 🌐️ Web 应用:测试您使用 React、Vue、Angular 等开发的 Web 应用和组件。

赞助商







8. Web 组件示例

一系列与 MDN Web 组件文档相关的 Web 组件示例

GitHub 标志 mdn / web-components-examples

一系列 Web 组件示例,与 MDN Web 组件文档相关,网址为 https://developer.mozilla.org/en-US/docs/Web/Web_Components。

web组件示例

一系列 Web Components 示例,与 MDN Web Components 文档相关,网址为https://developer.mozilla.org/en-US/docs/Web/API/Web_components

请在投稿前参阅我们的投稿指南

以下是一些示例:


9. 黑客马拉松启动器

Node.js Web 应用程序的样板

GitHub 标志 sahat / hackathon-starter

Node.js Web 应用程序的样板

黑客马拉松启动器

在线演示链接

跳转至“最新动态?”

Node.js Web应用程序样板。

如果你以前参加过黑客马拉松,那你肯定知道启动一个项目需要多少时间:决定要做什么,选择编程语言,选择 Web 框架,选择 CSS 框架。过一段时间,你可能才能在 GitHub 上发布一个初始项目,其他团队成员也才能开始贡献代码。或者,哪怕是像“使用Facebook 身份验证登录”这样简单的功能呢?如果你不熟悉 OAuth 2.0 的工作原理,可能要花上好几个小时。

项目启动之初,我的首要目标是简洁易用。同时,我也力求使其尽可能通用可复用,涵盖大多数黑客马拉松 Web 应用的使用场景,避免过于具体。最坏的情况下……


10. Math.js

一个功能强大的 JavaScript 和 Node.js 数学库

GitHub 标志 josdejong / mathjs

一个功能强大的 JavaScript 和 Node.js 数学库

math.js

https://mathjs.org

Math.js 是一个功能强大的 JavaScript 和 Node.js 数学库。它拥有灵活的表达式解析器,支持符号计算,内置大量函数和常量,并提供处理各种数据类型(例如数字、大数、复数、分数、单位和矩阵)的集成解决方案。功能强大且易于使用。

版本 下载 构建状态 维护 执照 FOSSA状态 Codecov GitHub 赞助商

特征

  • 支持数字、大数字、大整数、复数、分数、单位、字符串、数组和矩阵。
  • 与 JavaScript 内置的 Math 库兼容。
  • 包含一个灵活的表达式解析器。
  • 进行符号计算。
  • 它内置了大量函数和常量。
  • 也可以作为命令行应用程序使用。
  • 可在任何 JavaScript 引擎上运行。
  • 易于扩展。
  • 开源。

用法

Math.js 既可以在 node.js 中使用,也可以在浏览器中使用。

使用npm安装 math.js :

npm install mathjs

或者通过下载页面上列出的 CDN 之一下载 mathjs:

    https://mathjs.org/download.html


观星📈

过去7天涨幅最大的股票🔗

  1. 公共 API +2,635 星
  2. 金牛座+1,518 颗星
  3. 打造你自己的 X +1,203 颗星
  4. Bulletproof React +984 星
  5. JavaScript 算法+892 星

过去 7 天增长最快的百分比🔗

  1. giscus +54%
  2. 防弹反应+31%
  3. 增长账面价值+22%
  4. xicons +18%
  5. 牛奶产量增加 17%

过去30天涨幅最大的股票🔗

  1. 公共 API +9,058 星
  2. 编程面试大学+5,249 星
  3. 机器学习入门+3,733 星
  4. Bulletproof React +3,305 星
  5. NocoDB +2,904 星

过去 30 天增长最快的百分比🔗

  1. 防弹反应+408%
  2. html转图像+95%
  3. 使用 Cookie 同意+89%
  4. 黛西UI +75%
  5. 有丝分裂+66%

想要查看最新排名,请访问Stargazing.dev


《热门项目》以每周新闻简报的形式发布,请在Stargazing.dev注册,以确保您不会错过任何一期。

如果你喜欢这篇文章,可以关注我的推特账号,我会定期发布关于HTML、CSS和JavaScript的内容。

文章来源:https://dev.to/iainfreestone/10-trending-projects-on-github-for-web-developers-20th-august-2021-2jal