🚀GitHub 上面向 Web 开发者的 10 个热门项目 - 2020 年 8 月 21 日 Alpine.js RSSHub selectize.js wa-automate-nodejs jsQR joi

2025-06-08

🚀GitHub 上面向 Web 开发者的 10 个热门项目 - 2020 年 8 月 21 日

Alpine.js

RS集线器

selectize.js

wa-自动化-nodejs

jsQR

joi

《Trending Projects》以每周简讯形式提供,请在www.iainfreestone.com上注册,以确保您不会错过任何一期。

1. 为开发人员设计资源

精选的设计和 UI 资源列表,包括库存照片、网页模板、CSS 框架、UI 库、工具等。

GitHub 徽标 bradtraversy /开发者设计资源

精选的设计和 UI 资源列表,包括库存照片、网页模板、CSS 框架、UI 库、工具等

存储库横幅

contributing guidelines提交新资源之前请阅读。

目录

UI图形

包含不同格式(例如 PSD、Sketch、Figma 等)的现代 UI 组件的网站和资源。它们非常适合用于 Web 组件/UI 的创意

网站                            描述
SVG正弦波 将完美的正弦波导出为 SVG,用于您的前端项目
UI设计日报 各种类型的出色 UI 组件
100 每日 UI

2. Alpine.js

Alpine.js 以更低的成本为您提供 Vue 或 React 等大型框架的响应式和声明式特性。您可以保留 DOM,并根据需要添加一些行为。您可以将其视为 JavaScript 版的 Tailwind。

GitHub 徽标 alpinejs / alpine

一个坚固的、最小的框架,用于在标记中编写 JavaScript 行为。

Alpine.js

大多数情况下,请查阅 Alpine 文档:Alpine 文档

欢迎您通过向此代码库提交 PR 来更新文档。文档位于/packages/docs目录中。

请留在这里获取与贡献相关的信息。

正在寻找 V2 文档?这里就有

Alpine 组件模式

贡献指南:

快速入门

  • 将此 repo 克隆到本地
  • 跑步npm installnpm run build
  • 将文件包含在网页上的标签/packages/alpinejs/dist/cdn.js<script>,就可以开始了!

简短游览

npm install您可以在本地克隆此 repo 后在其根目录中安装所有内容:。

此 repo 是一个“mono-repo”,使用 npm 工作区来管理包。每个包在/packages目录中都有自己的文件夹。

您不必为每个包运行单独的构建,而是使用相同的命令来处理所有包:npm run build

下面我们来简单介绍一下这个包中的每个包……


3.RSSHub

RSSHub 是一个开源、易于使用且可扩展的 RSS 提要聚合器,它能够从几乎所有内容中生成 RSS 提要。

GitHub 徽标 DIYgod / RSSHub

🧡 一切都是 RSS 可获取的

RS集线器

RS集线器

🧡 一切都是 RSS 可获取的

docker 发布 npm 发布 测试 测试覆盖率 访客

电报群 电报频道 X(推特)

介绍

RSSHub 是世界上最大的 RSS 网络,由超过 5,000 个全球实例组成。

RSSHub 提供从各种来源聚合的数百万内容,我们充满活力的开源社区确保提供 RSSHub 的新路线、新功能和错误修复。

文档| Telegram 群组| Telegram 频道| X (Twitter)

相关项目

  • RSSHub Radar | 一个浏览器扩展程序,可以帮助您快速发现和订阅当前网站的 RSS 和 RSSHub。
  • RSSBud | RSSHub Radar 适用于 iOS 平台,专为移动生态系统优化而设计。
  • RSSAid | 使用 Flutter 构建的适用于 Android 平台的 RSSHub Radar。
  • DocSearch | 将 RSSHub DocSearch 链接到 Raycast

贡献

我们欢迎所有 Pull 请求。也欢迎您在此提出建议和反馈。

请参阅快速入门

部署

参考部署

特别感谢

标志设计师sheldonrrr

              

作者

RSSHub © DIYgod,根据MIT许可证发布。
作者……


4. selectize.js

Selectize 是一个基于 jQuery 的可扩展自定义 UI 控件。它可用于标记、联系人列表、国家/地区选择器等。其大小约为 7kb(gzip 压缩后)。其目标是通过简洁强大的 API 提供稳定易用的体验。

GitHub 徽标 选择/selectize.js

Selectize 是文本框和 <select> 框的混合体。它基于 jQuery,具有自动完成功能和原生风格的键盘导航;适用于标记、联系人列表等。

selectize.js

Selectize.js

→ Selectize 正在寻找维护团队的新成员

NPM 版本 CDNJS 版本
Node.js 持续集成
讨论与帮助

Selectize 是一个基于jQuery<select>的可扩展自定义UI 控件。它可用于标记、联系人列表、国家/地区选择器等。其目标是通过简洁强大的 API 提供稳定易用的体验。

特征

  • 智能选项搜索/排序:选项可高效评分并即时排序(使用sifter)。想搜索商品标题描述?没问题。
  • 插入符号在项目之间移动顺序有时很重要。使用箭头键在选定项目之间移动。
  • 一次选择并删除多个项目。option在 Mac 或Windows 上按住ctrl可选择多个要删除的项目。
  • 支持差异批评,非常适合国际环境。
  • 项目创建允许用户动态创建项目(支持异步保存;控件锁定直到回调...

5. TSDX

设置一个新的 TypeScript (x React) 库可能很困难。从 Rollup、Jest、tsconfig、Yarn 解析、ESLint,到让 VSCode 流畅运行……需要做的事情太多了(也容易出错)。TSDX 是一个零配置的 CLI,可以帮助您轻松开发、测试和发布现代 TypeScript 包——这样您就可以专注于您出色的新库,而无需再浪费一个下午的时间进行配置。

GitHub 徽标 jaredpalmer / tsdx

用于 TypeScript 包开发的零配置 CLI

tsdx

极速 极速 极速 不和谐

尽管最近 TypeScript (x React) 库被大肆宣传,但搭建一个全新的 TypeScript 库依然颇具挑战性。Rollup Jest Yarn解析、 ESLint ,以及让 VSCode 流畅运行……需要做的事情太多(也容易出错)。TSDX 是一个零配置的 CLI,可帮助您轻松开发、测试和发布现代 TypeScript 包——这样您就可以专注于您出色的新库,而无需再浪费一个下午的时间进行配置。tsconfig


6. wa-automate-nodejs(WhatsApp)

最先进的 NodeJS WhatsApp 库,适用于具有高级功能的聊天机器人。wa-automate-nodejs 是最先进的 NodeJS 库,它提供了高级 API 来控制 WhatsApp。

GitHub 徽标 开放 wa / wa-automate-nodejs

💬 🤖 最可靠的聊天机器人工具,功能强大。记得🌟关注此代码库获取更新!

警告

访问此页面即表示您明确同意服务条款(点击此处阅读)

wa-自动化-nodejs

wa-automate-nodejs 是最先进的 NodeJS 库,它提供了高级 API 来控制 WA。

立即停火

npm 版本 节点 下载 解决问题的平均时间 仍未解决的问题百分比

WhatsApp_网页版 2.2147.16Twitter 关注

部署到 DO

主要功能入门简易 API文档获取许可证密钥支持

安装和更新

使用此命令首次安装库并使库保持最新。

> npm i --save @open-wa/wa-automate@latest
Enter fullscreen mode Exit fullscreen mode

用法

命令行界面

想要立即将您的 WA 帐户转换为 API 吗?现在您可以使用 CLI 实现。更多详情,请参阅Easy API

> npx @open-wa/wa-automate --help
Enter fullscreen mode Exit fullscreen mode

自定义设置

在此处了解有关所有可能的配置选项的更多信息:ConfigObject

const wa = require('@open-wa/wa-automate');
wa.create({
  sessionId: "COVID_HELPER",
  multiDevice: true, //required to enable multiDevice support
  authTimeout: 60, //wait only 60 seconds to get
Enter fullscreen mode Exit fullscreen mode

7. TypeORM

TypeORM 是一个可以在 NodeJS、浏览器、Cordova、PhoneGap、Ionic、React Native、NativeScript、Expo 和 Electron 平台上运行的 ORM,并且可以与 TypeScript 和 JavaScript 一起使用。它的目标是始终支持最新的 JavaScript 功能,并提供额外的功能来帮助您开发任何类型的数据库应用程序——从包含少量表格的小型应用程序到包含多个数据库的大型企业应用程序。

GitHub 徽标 typeorm / typeorm

适用于 TypeScript 和 JavaScript 的 ORM。支持 MySQL、PostgreSQL、MariaDB、SQLite、MS SQL Server、Oracle、SAP Hana 和 WebSQL 数据库。适用于 NodeJS、浏览器、Ionic、Cordova 和 Electron 平台。

TypeORM 是一个可以在 NodeJS、浏览器、Cordova、PhoneGap、Ionic、React Native、NativeScript、Expo 和 Electron 平台中运行的ORM,并且可以与 TypeScript 和 JavaScript(ES2021)一起使用。其目标是始终支持最新的 JavaScript 功能并提供额外的功能,帮助您开发任何使用数据库的应用程序——从具有几个表的小型应用程序到具有多个数据库的大型企业应用程序。

与当前存在的所有其他 JavaScript ORM 不同, TypeORM 同时支持Active RecordData Mapper模式,这意味着您可以以最高效的方式编写高质量、松散耦合、可扩展、可维护的应用程序。

TypeORM 受到其他 ORM 的很大影响,例如HibernateDoctrineEntity Framework

特征

  • 支持DataMapperActiveRecord(您的选择)。
  • 实体和列。
  • 数据库特定的列类型。
  • 实体管理器。
  • 存储库和自定义存储库。
  • 清晰的对象关系模型。
  • 关联(关系)。
  • 急切与懒惰的关系。
  • 单向、双向……

8. 站立

Bearbones 是一个小巧、快速且可扩展的状态管理解决方案。它拥有基于 Hooks 的便捷 API,既不千篇一律,也不固执己见,但仍然足够清晰,并且与 Flux 类似。

GitHub 徽标 下午/站立

🐻 承担 React 中状态管理的必需品

构建状态 构建大小 版本 下载 Discord 盾

一个小型、快速且可扩展的 Bearbones 状态管理解决方案,使用了简化的 Flux 原则。它拥有基于 Hooks 的便捷 API,既不套用样板代码,也不固执己见。

别因为它可爱就忽视它。它可是有相当强的“爪子”,我们花了很多时间处理常见的陷阱,比如可怕的僵尸子问题React 并发问题以及混合渲染器之间的上下文丢失。它可能是 React 领域中唯一一个能完美解决所有这些问题的状态管理器。

您可以在此处尝试现场演示

npm i zustand
Enter fullscreen mode Exit fullscreen mode

⚠️ 本自述文件面向 JavaScript 用户。如果您是 TypeScript 用户,请务必查看我们的TypeScript 使用部分

首先创建一个商店

你的 store 就是一个钩子!你可以往里面放任何东西:原始数据、对象、函数。状态必须以不可变的方式更新,而set函数会合并状态来辅助更新。

import { create } from 'zustand'
const
Enter fullscreen mode Exit fullscreen mode

9. jsQR

一个纯 JavaScript 二维码读取库。该库接收原始图像,并定位、提取和解析其中的二维码。

GitHub 徽标 cozmo / jsQR

一个纯 JavaScript 二维码读取库。该库接收原始图像,并定位、提取和解析其中的二维码。

jsQR

构建状态

纯 javascript QR 码读取库 该库接收原始图像并定位、提取和解析其中找到的任何 QR 码。

演示

安装

新公共管理

可在 npm 上使用。可以在 Node.js 程序中使用,也可以与 Webpack 或 Browserify 等模块打包工具一起使用。

npm install jsqr --save
// ES6 import
import jsQR from "jsqr";

// CommonJS require
const jsQR = require("jsqr");

jsQR(...);
Enter fullscreen mode Exit fullscreen mode

浏览器

或者,对于前端使用,jsQR.js可以包含在脚本标签中

<script src="jsQR.js"></script>
<script>
  jsQR(...);
</script>
Enter fullscreen mode Exit fullscreen mode

关于网络摄像头的说明

jsQR 旨在成为一个完全独立的二维码扫描库。根据设计,它不包含任何特定于平台的代码。这使得它可以轻松地扫描前端摄像头流……


10. 加入

JavaScript 最强大的模式描述语言和数据验证器。

GitHub 徽标 hapijs / joi

最强大的 JS 数据验证库





《Trending Projects》以每周简讯形式提供,请在www.iainfreestone.com上注册,以确保您不会错过任何一期。

如果您喜欢这篇文章,您可以在 Twitter 上关注我,我会定期发布与 HTML、CSS 和 JavaScript 相关的简短技巧。

鏂囩珷鏉ユ簮锛�https://dev.to/iainfreestone/10-trending-projects-on-github-for-web-developers-21st-august-2020-ol7
PREV
🚀GitHub 上面向 Web 开发者的 10 个热门项目 - 2020 年 12 月 24 日 Prisma Stimulus Docker 入门教程欢迎来到 MDN Web 文档计算机科学 Flash Cards Notion 博客
NEXT
🚀GitHub 上 10 个面向 Web 开发者的热门项目 - 2021 年 10 月 1 日 🧠 ct.css – 来看看你的 <head> Partytown 🎉 已弃用 ⚠️ 已存档。Prestige React 电子表格 espub React JS 登陆页面模板 🛎️🛎️ 好消息!全新改进的 V2 版现已发布